nav-links in flyout now sticky and stay on top when page scrolled down

ilios · Oct 1, 2024 · ccdd3cc · ccdd3cc
1 parent 843049a
commit ccdd3cc
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/frontend/app/styles/components/ilios-navigation.scss b/packages/frontend/app/styles/components/ilios-navigation.scss
@@ -94,7 +94,10 @@
     border-bottom: calc(20px * constants.$golden-ratio-large) solid c.$orange;
 
     ul {
+      bottom: 0;
       display: inline;
+      position: sticky;
+      top: 0;
 
       .text {
         clear: none;