Merge pull request #144 from springload/feature/enwiden-the-tiles

Enwiden the tiles
springload · Jul 23, 2024 · 2b048ff · 2b048ff
2 parents 6e75b4d + ca7cfcd
commit 2b048ff
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/cdhweb/static_src/global/layout/page-layout.scss b/cdhweb/static_src/global/layout/page-layout.scss
@@ -19,17 +19,19 @@
     grid-template-areas: '. . m m m m m m m m . .';
   }
   @include xxxl {
-    grid-template-areas: '. . m m m m m m . . . .';
+    grid-template-areas: '. . m m m m m m m . . .';
   }
 }
 .page-layout--with-sidenav {
   // m = main content
   // s = side-nav
+  // Note, we must keep the extra space between the `s` and `m` because otherwise
+  // content that has the negative "outdent" (e.g. headings) can collide with the sidenav.
   @include xl {
     grid-template-areas: 's s s . m m m m m m m .';
   }
   @include xxxl {
-    grid-template-areas: 's s . m m m m m m . . .';
+    grid-template-areas: 's s . m m m m m m m . .';
   }
 }
 

diff --git a/cdhweb/static_src/global/layout/streamfields.scss b/cdhweb/static_src/global/layout/streamfields.scss
@@ -44,7 +44,8 @@
         .block--cta,
         .block--note,
         .block--pull-quote,
-        .block--video
+        .block--video,
+        .block--newsletter
       ) {
       max-inline-size: var(--reading-max-width);
     }