Prevent user menu from blocking header elements (#1290)

VEuPathDB · Dec 3, 2024 · 561608e · 561608e
1 parent d71f33f
commit 561608e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/libs/web-common/src/App/UserMenu/UserMenu.scss b/packages/libs/web-common/src/App/UserMenu/UserMenu.scss
@@ -27,16 +27,17 @@ $white: #e0e0e0;
     .UserMenu-Pane {
       opacity: 1;
       transition: none;
+      top: 100%;
     }
   }
 }
 
 .UserMenu-Pane {
-  transition: opacity 500ms 1s;
+  transition: opacity 500ms 1s, top 0s 1s;
   opacity: 0;
 
   right: 0;
-  top: 100%;
+  top: -100000px;
   color: black;
   display: flex;
   flex-direction: column;