Merge pull request #146 from bwbohl/nav-sticky

Make navigation bar stick fix sidemen in Safari
music-encoding · Jul 13, 2020 · 6c47790 · 6c47790
2 parents bbc26ad + cebc7d5
commit 6c47790
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/_sass/_specs.scss b/_sass/_specs.scss
@@ -297,7 +297,7 @@ $label-font-weight: bold;
     font-size: smaller;
     font-style: italic;
   }
-  
+
   .top-navigation {
     background-color: #e5e5e5;
     border-bottom: .5px solid #999999;
@@ -372,6 +372,9 @@ $label-font-weight: bold;
     height: 100vh;
     overflow: auto;
     position: sticky;
+    @media screen and (-webkit-min-device-pixel-ratio:0) {
+      position: -webkit-sticky;
+    }
     top: 0;
     margin-top: -20px;
     margin-bottom: -20px;

diff --git a/_sass/mei.scss b/_sass/mei.scss
@@ -20,6 +20,11 @@ code, kbd, pre, samp {
     Navbar styles
 */
 header.navbar {
+    position: sticky;
+    @media screen and (-webkit-min-device-pixel-ratio:0) {
+      position: -webkit-sticky;
+    }
+    top: 0;
     background-color: $dark-color;
     margin-bottom: 20px;
     z-index: 10;