From 082300624e53106e74c42ca4cf11ef60cf5d2d8c Mon Sep 17 00:00:00 2001 From: alexisben <alex@noesya.coop> Date: Fri, 16 Dec 2022 16:33:13 +0100 Subject: [PATCH] fix menu mobile --- assets/sass/_theme/design-system/header.sass | 8 +++++--- assets/sass/_theme/design-system/hero.sass | 12 ++++++++++++ 2 files changed, 17 insertions(+), 3 deletions(-) diff --git a/assets/sass/_theme/design-system/header.sass b/assets/sass/_theme/design-system/header.sass index 900a8c13..3119604f 100644 --- a/assets/sass/_theme/design-system/header.sass +++ b/assets/sass/_theme/design-system/header.sass @@ -46,7 +46,10 @@ header[role="banner"] transition: filter $header-sticky-transition @include media-breakpoint-up(desktop) height: $header-logo-height-desktop - + @include media-breakpoint-down(desktop) + html.has-menu-opened & + nav[role="navigation"] + padding-bottom: 0 // TODO : Est-ce au bon endroit ? body &::after @@ -76,8 +79,7 @@ body header[role="banner"] nav[role="navigation"] padding-top: $header-nav-padding-y - @include media-breakpoint-up(desktop) - padding-bottom: $header-nav-padding-y + padding-bottom: $header-nav-padding-y .container align-items: center display: flex diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass index d387a3ba..59bbb49f 100644 --- a/assets/sass/_theme/design-system/hero.sass +++ b/assets/sass/_theme/design-system/hero.sass @@ -56,6 +56,18 @@ figure margin-bottom: calc(#{-$spacing5} + #{$spacing2}) margin-top: $spacing1 + figcaption + position: absolute + left: 0 + right: 0 + bottom: 0 + padding-top: $spacing0 + transform: translateY(100%) + padding-left: half($grid-gutter-sm) + padding-right: half($grid-gutter-sm) + picture:not(last-child) + margin-bottom: $spacing2 + @include media-breakpoint-up(desktop) $negative-margin-bottom: px2rem(150) .content -- GitLab