Use stickybits on sidenav

2019-08-29 20:24:56 -04:00
parent a6397bac35
commit c089682a27
3 changed files with 13 additions and 9 deletions
--- a/styles/elements/_sidenav.scss
+++ b/styles/elements/_sidenav.scss
@@ -4,20 +4,20 @@
 }

 .sidenav-container {
-  position: relative;
  box-shadow: $box-shadow;
-  width: 19.2%;
-  min-width: 25rem;
-
-  .global-navigation.sidenav {
-    height: 100%;
-  }

  .sidenav {
    @include media($large-screen) {
      margin: 0px;
    }

+    width: 25rem;
+
+    &.js-is-sticky {
+      width: 19.2%;
+      min-width: 25rem;
+    }
+
    &__title {
      @include sidenav__header;

@@ -184,5 +184,9 @@

    width: 10rem;
    margin: 0px;
+
+    &.js-is-sticky {
+      width: 10rem;
+    }
  }
 }