From ca7cfcda8b3321d602a414acfb7f65f0f1428b91 Mon Sep 17 00:00:00 2001 From: Liam Johnston Date: Tue, 23 Jul 2024 16:03:24 +1200 Subject: [PATCH] Enwiden the tiles --- cdhweb/static_src/global/layout/page-layout.scss | 6 ++++-- cdhweb/static_src/global/layout/streamfields.scss | 3 ++- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/cdhweb/static_src/global/layout/page-layout.scss b/cdhweb/static_src/global/layout/page-layout.scss index 60e0ba39..b2d46b0a 100644 --- 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 index 69927684..5cb7038f 100644 --- 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); }