From ccdd3cce6956618aaef3252e0855f982d26f0e2b Mon Sep 17 00:00:00 2001
From: Michael Chadwick <michael.chadwick@gmail.com>
Date: Fri, 27 Sep 2024 16:22:54 -0700
Subject: [PATCH 1/2] nav-links in flyout now sticky and stay on top when page
 scrolled down

---
 packages/frontend/app/styles/components/ilios-navigation.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/frontend/app/styles/components/ilios-navigation.scss b/packages/frontend/app/styles/components/ilios-navigation.scss
index 8b8c9efce3..d896957ebb 100644
--- 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;

From 169e458a50e24ed38721f21c8c2868336a77615c Mon Sep 17 00:00:00 2001
From: Michael Chadwick <michael.chadwick@gmail.com>
Date: Mon, 30 Sep 2024 09:41:32 -0700
Subject: [PATCH 2/2] changed nav links to display as inline-block so safari
 works

---
 packages/frontend/app/styles/components/ilios-navigation.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/app/styles/components/ilios-navigation.scss b/packages/frontend/app/styles/components/ilios-navigation.scss
index d896957ebb..f4ba00ce2a 100644
--- a/packages/frontend/app/styles/components/ilios-navigation.scss
+++ b/packages/frontend/app/styles/components/ilios-navigation.scss
@@ -95,7 +95,7 @@
 
     ul {
       bottom: 0;
-      display: inline;
+      display: inline-block;
       position: sticky;
       top: 0;