From 60f1bc1de580dad2b119a9eaa5736f89f347a3fe Mon Sep 17 00:00:00 2001 From: alexisben <alex@noesya.coop> Date: Fri, 16 Dec 2022 15:36:20 +0100 Subject: [PATCH] fix menu mobile --- assets/sass/_theme/design-system/header.sass | 3 ++- assets/sass/_theme/design-system/nav.sass | 5 +++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/assets/sass/_theme/design-system/header.sass b/assets/sass/_theme/design-system/header.sass index 8ad6a3b9..900a8c13 100644 --- a/assets/sass/_theme/design-system/header.sass +++ b/assets/sass/_theme/design-system/header.sass @@ -75,8 +75,9 @@ body header[role="banner"] nav[role="navigation"] - padding-bottom: $header-nav-padding-y padding-top: $header-nav-padding-y + @include media-breakpoint-up(desktop) + padding-bottom: $header-nav-padding-y .container align-items: center display: flex diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass index b692a233..87980bb7 100644 --- a/assets/sass/_theme/design-system/nav.sass +++ b/assets/sass/_theme/design-system/nav.sass @@ -11,8 +11,8 @@ -webkit-flex-basis: 100vw display: none flex-basis: 100vw - margin-top: 1.875rem - max-height: 70vh + margin-top: $spacing1 + max-height: calc(100vh - var(--header-height) - #{$spacing1}) overflow: auto a, a:focus, @@ -132,6 +132,7 @@ display: block > li:not(:last-child) border-bottom: 1px solid #adb5bd + > li > a, > span padding-bottom: $spacing1 padding-top: $spacing1 -- GitLab