Make medium- TOC toggle sticky, hide header [PUB-216]

art-institute-of-chicago · Aug 23, 2024 · 3070d1c · 3070d1c
1 parent cc63278
commit 3070d1c
Showing 1 changed file with 22 additions and 19 deletions.
diff --git a/frontend/scss/molecules/_m-article-header.scss b/frontend/scss/molecules/_m-article-header.scss
@@ -1138,25 +1138,6 @@
     }
   }
 
-  @include breakpoint('medium-') {
-    .s-sticky-digital-publication-header {
-      &~.m-sidebar-toggle {
-        position: fixed;
-        top: 0;
-        width: 100vw;
-        z-index: map-get($zindexs, 'header');
-
-        &::before {
-          left: 0;
-          width: 150vw;
-        }
-      }
-      .m-article-header__spacer {
-        min-height: 54px;
-      }
-    }
-  }
-
   @include breakpoint('large+') {
     flex-flow: row-reverse nowrap;
 
@@ -1202,6 +1183,10 @@
   }
 
   .p-digitalpublications-showlisting & {
+    @include breakpoint('medium-') {
+      display: none;
+    }
+
     @include breakpoint('large+') {
       .m-article-header__img {
         height: 180px;
@@ -1245,6 +1230,24 @@
 }
 
 .s-sticky-digital-publication-header {
+  @include breakpoint('medium-') {
+    .m-sidebar-toggle {
+      position: fixed;
+      top: 0;
+      width: 100vw;
+      z-index: map-get($zindexs, 'header');
+
+      &::before {
+        left: 0;
+        width: 150vw;
+      }
+    }
+
+    .m-article-header__spacer {
+      min-height: 54px;
+    }
+  }
+
   @include breakpoint('large+') {
     .m-article-header--digital-publication {
       position: fixed;