Fix sticky profile preview

acmucsd · Jan 19, 2024 · 010b8a8 · 010b8a8
1 parent e6e6873
commit 010b8a8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/profile/Preview/style.module.scss b/src/components/profile/Preview/style.module.scss
@@ -2,9 +2,8 @@
   align-items: center;
   display: flex;
   flex-direction: column;
-  position: sticky;
+
   text-align: center;
-  top: 4rem;
 
   .pfp {
     border-radius: 50%;

diff --git a/src/styles/pages/profile/edit.module.scss b/src/styles/pages/profile/edit.module.scss
@@ -33,9 +33,14 @@
     .columnLeft {
       border-right: 0.5px solid vars.$light-primary-2;
       flex: none;
+      margin-bottom: -2rem; // extend column all the way to the bottom
       margin-right: 2rem;
+      max-height: calc(100vh - 4rem); // subtract height of navbar
+      overflow-y: auto;
       padding: 2rem;
       padding-left: 0;
+      position: sticky;
+      top: 4rem;
       width: 24rem;
 
       h2 {