From 524010141f96ccda0b600aa72b5388f9a4151b88 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 16 Sep 2022 11:31:30 +0300
Subject: [PATCH] Make analyzer left column sticky

---
 app/routes/analyzer.tsx |  2 +-
 app/styles/analyzer.css | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/routes/analyzer.tsx b/app/routes/analyzer.tsx
index afeb67e88..5bc7b7c56 100644
--- a/app/routes/analyzer.tsx
+++ b/app/routes/analyzer.tsx
@@ -41,7 +41,7 @@ export default function BuildAnalyzerPage() {
   return (
     <Main>
       <div className="analyzer__container">
-        <div className="stack lg items-center">
+        <div className="analyzer__left-column">
           <div className="stack sm items-center w-full">
             <div className="w-full">
               <WeaponCombobox
diff --git a/app/styles/analyzer.css b/app/styles/analyzer.css
index a420902d2..6ada04825 100644
--- a/app/styles/analyzer.css
+++ b/app/styles/analyzer.css
@@ -4,6 +4,16 @@
   grid-template-columns: 1fr 2fr;
 }
 
+.analyzer__left-column {
+  position: sticky;
+  top: 2rem;
+  display: flex;
+  height: max-content;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--s-8);
+}
+
 .analyzer__weapon-info-badges {
   display: grid;
   color: var(--text-lighter);