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); }