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