diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index 0e9fd77345bf757f181cbf8f230ad8f80780306c..57ca34c8b46730220885172af921e8b76ecdea52 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 15836bae5b05bca34395f543eb3dc3b7d11712b3..1a9aea884fc78344158ab9ed9cc938cffefd4cb9 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 2548a808aefbc1b64dffb45156713f68325d6413..1b4df6f390d88aa2181c51e845c49e40993a9bd9 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