wrap the sticky in a @supports so that edge and ie don't screw it all up

diff --git a/assets/scss/_sidebar.scss b/assets/scss/_sidebar.scss
index 7c5d9ef16d5c3a62fb5659711b5966daac4d9e1d..8816609c1819c17addfa60a78feeeeb003dff368 100644 (file)
--- a/assets/scss/_sidebar.scss
+++ b/assets/scss/_sidebar.scss
@@ -5,9 +5,11 @@
 //
 
 .bd-toc {
-  position: sticky;
-  top: 4rem;
-  max-height: calc(100vh - 4rem);
+  @supports (position: sticky) {
+    position: sticky;
+    top: 4rem;
+    max-height: calc(100vh - 4rem);
+  }
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   overflow-y: auto;
@@ -47,9 +49,11 @@
   border-bottom: 1px solid rgba(0,0,0,.1);
 
   @include media-breakpoint-up(md) {
-    position: sticky;
-    top: 4rem;
-    max-height: calc(100vh - 4rem);
+    @supports (position: sticky) {
+      position: sticky;
+      top: 4rem;
+      max-height: calc(100vh - 4rem);
+    }
     overflow-y: auto;
     border-right: 1px solid rgba(0,0,0,.1);
   }