From 025b12840c1816cf343fb642c92074d0c1cf8db2 Mon Sep 17 00:00:00 2001 From: Olivia206 <olivia.simonet206@gmail.com> Date: Tue, 13 Feb 2024 18:11:29 +0100 Subject: [PATCH] footer i18n dropdown --- assets/sass/_theme/_utils.sass | 9 +++---- assets/sass/_theme/design-system/footer.sass | 25 +++++++++++++++----- assets/sass/_theme/sections/persons.sass | 3 +++ 3 files changed, 27 insertions(+), 10 deletions(-) diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index 0e9fd773..57ca34c8 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -399,11 +399,12 @@ $space-unit: 4 !default position: relative .dropdown-menu margin-top: $header-nav-padding-y - padding-left: $spacing1 - padding-bottom: $spacing0 - padding-top: $spacing0 - padding-right: $spacing1 right: 0 + @include media-breakpoint-up(desktop) + padding-left: $spacing1 + padding-bottom: $spacing0 + padding-top: $spacing0 + padding-right: $spacing1 li a padding-bottom: half($spacing0) padding-top: half($spacing0) diff --git a/assets/sass/_theme/design-system/footer.sass b/assets/sass/_theme/design-system/footer.sass index 15836bae..1a9aea88 100644 --- a/assets/sass/_theme/design-system/footer.sass +++ b/assets/sass/_theme/design-system/footer.sass @@ -51,9 +51,10 @@ footer#document-footer box-shadow: none &[aria-expanded="true"] background: $dropdown-i18n-background-color - justify-content: space-between color: $dropdown-i18n-color width: 100% + @include media-breakpoint-up(desktop) + justify-content: space-between + .dropdown-menu animation-duration: unset &::after @@ -62,24 +63,36 @@ footer#document-footer margin-right: $spacing0 &::after margin-left: $spacing0 - button[aria-expanded="true"], - .dropdown-menu - outline: px2rem(10) solid $dropdown-i18n-background-color - min-width: $spacing4 + button[aria-expanded="true"] + min-width: px2rem(150) + outline: $spacing0 solid $dropdown-i18n-background-color .dropdown-menu @include meta background: $dropdown-i18n-background-color + margin-left: -$spacing0 + margin-right: -$spacing0 + margin-top: $spacing0 a color: $dropdown-i18n-color + padding: $spacing0 + ul + li + li + margin-top: 0 @include media-breakpoint-up(desktop) left: 0 - margin-top: px2rem(17) max-height: calc(100vh - var(--header-height)) padding: 0 position: absolute width: fit-content + min-width: calc(#{px2rem(150)} + #{$spacing0} * 2) + a + padding-top: 0 a:focus-visible outline-offset: -1px + @include media-breakpoint-down(desktop) + position: relative + li + border-top: 1px solid $color-border @if $footer-icons-enabled &-social diff --git a/assets/sass/_theme/sections/persons.sass b/assets/sass/_theme/sections/persons.sass index 2548a808..1b4df6f3 100644 --- a/assets/sass/_theme/sections/persons.sass +++ b/assets/sass/_theme/sections/persons.sass @@ -195,6 +195,9 @@ ol.persons--list .roles a @include small + .document-content + .container:first-of-type + .person-objects + margin-top: $spacing3 .blocks margin-top: $spacing3 .person-objects -- GitLab