From ca0bfb59533a9106014203d02a0c44e142144333 Mon Sep 17 00:00:00 2001 From: alexisben <alex@noesya.coop> Date: Tue, 6 Dec 2022 19:36:02 +0100 Subject: [PATCH] section : program spacings wip --- .../sass/_theme/design-system/table_of_contents.sass | 10 +++++++++- assets/sass/_theme/sections/programs.sass | 10 +++++++--- layouts/partials/GetBodyclass | 6 +++++- 3 files changed, 21 insertions(+), 5 deletions(-) diff --git a/assets/sass/_theme/design-system/table_of_contents.sass b/assets/sass/_theme/design-system/table_of_contents.sass index 98432680..86bbe70f 100644 --- a/assets/sass/_theme/design-system/table_of_contents.sass +++ b/assets/sass/_theme/design-system/table_of_contents.sass @@ -65,7 +65,8 @@ justify-content: end text-align: right @include in-page-with-sidebar - display: none + body:not(.offcanvas-toc) & + display: none @include media-breakpoint-down(md) border-top: 1px solid $color-border position: fixed @@ -99,14 +100,21 @@ .toc-container // in full width page or under md breakpoint (mobile) + @include in-page-without-sidebar @include offcanvas-toc @include media-breakpoint-down(md) @include offcanvas-toc + // Program tweak : use offcanvas + body.offcanvas-toc & + @include offcanvas-toc // Only desktop and in page with sidebar @include media-breakpoint-up(md) @include in-page-with-sidebar + + // Program tweak : use offcanvas + body:not(.offcanvas-toc) & @include container-margin-left pointer-events: none top: 0 diff --git a/assets/sass/_theme/sections/programs.sass b/assets/sass/_theme/sections/programs.sass index aa0b6d76..a494cdbc 100644 --- a/assets/sass/_theme/sections/programs.sass +++ b/assets/sass/_theme/sections/programs.sass @@ -95,10 +95,14 @@ ol.programs .document-content .content padding-top: $spacing2 + > div > * + * + margin-top: 1em .blocks .container padding-left: 0 padding-right: 0 + .block-content + padding-left: 0 @include media-breakpoint-up(md) .document-content @@ -107,7 +111,7 @@ ol.programs border-top: 1px solid $color-border position: relative > * - grid-column: 6/13 + grid-column: 5/13 > h2 $sticky-top-offset: 90px @include sticky($sticky-top-offset) @@ -117,8 +121,8 @@ ol.programs grid-column: 1/5 margin-bottom: 0 section:first-of-type - .content - border-top: none + .content + border-top: none table margin-block-start: 2em diff --git a/layouts/partials/GetBodyclass b/layouts/partials/GetBodyclass index f1aa0bef..8663c304 100644 --- a/layouts/partials/GetBodyclass +++ b/layouts/partials/GetBodyclass @@ -4,8 +4,12 @@ {{- $bodyclass = printf "page-%s" $bodyclass -}} {{- end -}} -{{- if or (or .Params.full_width .Params.diplomas) (and (eq .Kind "section") (eq .Type "posts")) -}} +{{- if or .Params.full_width (and (eq .Kind "section") (eq .Type "posts")) -}} {{- $bodyclass = printf "full-width %s" $bodyclass -}} {{- end -}} +{{- if .Params.diplomas -}} + {{- $bodyclass = printf "offcanvas-toc %s" $bodyclass -}} +{{- end -}} + {{- return $bodyclass -}} \ No newline at end of file -- GitLab