From ef396bc1c5690c437fc27e5341fba64292dcf06f Mon Sep 17 00:00:00 2001 From: alexisben <alex@noesya.coop> Date: Fri, 24 Feb 2023 14:26:58 +0100 Subject: [PATCH] some fixes --- assets/sass/_theme/_configuration.sass | 2 +- assets/sass/_theme/blocks/video.sass | 9 +++++---- assets/sass/_theme/design-system/header.sass | 3 +++ assets/sass/_theme/design-system/nav.sass | 5 +++-- 4 files changed, 12 insertions(+), 7 deletions(-) diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index da7ff689..ca6c35be 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -152,7 +152,7 @@ $zindex-body-overlay: 51 !default $zindex-toc: 60 !default $zindex-toc-cta: 49 !default $zindex-aside: 48 !default -$zindex-footer: 70 !default +$zindex-footer: 50 !default // Header $header-color: $color-text !default diff --git a/assets/sass/_theme/blocks/video.sass b/assets/sass/_theme/blocks/video.sass index 4052c174..79806ff4 100644 --- a/assets/sass/_theme/blocks/video.sass +++ b/assets/sass/_theme/blocks/video.sass @@ -6,10 +6,11 @@ min-height: 400px iframe background: black - @include in-page-without-sidebar - .transcription - width: col(7) - margin-left: auto + @include media-breakpoint-up(desktop) + @include in-page-without-sidebar + .transcription + width: col(7) + margin-left: auto @include media-breakpoint-down(desktop) .video margin-left: half(-$grid-gutter-sm) diff --git a/assets/sass/_theme/design-system/header.sass b/assets/sass/_theme/design-system/header.sass index d13d1f23..06af0f8a 100644 --- a/assets/sass/_theme/design-system/header.sass +++ b/assets/sass/_theme/design-system/header.sass @@ -63,6 +63,9 @@ body html.has-menu-opened &, html.has-offcanvas-opened & + overflow: hidden + height: 100% + min-height: -webkit-fill-available &::after display: block opacity: 1 diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass index 157958a1..104527e0 100644 --- a/assets/sass/_theme/design-system/nav.sass +++ b/assets/sass/_theme/design-system/nav.sass @@ -12,7 +12,7 @@ display: none flex-basis: 100vw margin-top: $spacing1 - max-height: calc(100vh - var(--header-height) - #{$spacing1}) + max-height: calc(100vh - var(--header-height) - #{$spacing4}) overflow: auto a, a:focus, @@ -54,9 +54,10 @@ padding: $spacing1 position: absolute max-height: calc(100vh - var(--header-height)) + max-height: calc(-webkit-fill-available - var(--header-height)) overflow: auto a - color: $header-dropdown-color + color: $header-dropdown-color &:hover, &:focus text-decoration-color: $header-dropdown-color -- GitLab