diff --git a/assets/sass/footer.scss b/assets/sass/footer.scss index 2b232458..2d607a25 100644 --- a/assets/sass/footer.scss +++ b/assets/sass/footer.scss @@ -1,6 +1,9 @@ .o-footer { margin-top: 2rem; margin-bottom: 2rem; + display: flex; + flex-direction: column; + gap: 0.8rem; } .o-footer__links { @@ -26,8 +29,26 @@ } } -.o-footer__firstline { +.o-footer__line { display: flex; justify-content: space-between; + align-items: center; flex-wrap: wrap; + gap: 1rem; +} + +.o-language-switcher__select { + border: 1px solid var(--color-body); + background-color: var(--bg-neutral); + color: var(--color-body); + font-weight: 500; + padding: 1rem; + border-radius: var(--border-radius-m); + cursor: pointer; + font-size: 1.4rem; + + &:hover, + &:focus { + border-color: var(--link-hovered); + } } diff --git a/i18n/de.yaml b/i18n/de.yaml index 06ae0d52..06c3e269 100644 --- a/i18n/de.yaml +++ b/i18n/de.yaml @@ -40,6 +40,8 @@ interactiveMap: title: Interaktive Länderkarte zoomIn: Hineinzoomen zoomOut: Herauszoomen +language-switcher: + aria-label: Sprache wechseln menu-close: Schließen menu-open: Menü navigate-to-country: Gehe zu Land diff --git a/i18n/en.yaml b/i18n/en.yaml index 8af8d035..a19757b6 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -39,6 +39,8 @@ interactiveMap: title: Interactive Country Map zoomIn: Zoom In zoomOut: Zoom Out +language-switcher: + aria-label: Switch language menu-close: Close menu-open: Menu navigate-to-country: Navigate to country diff --git a/i18n/fr.yaml b/i18n/fr.yaml index 8a10395d..fb39373a 100644 --- a/i18n/fr.yaml +++ b/i18n/fr.yaml @@ -36,6 +36,8 @@ interactiveMap: title: Carte interactive des pays zoomIn: Zoom avant zoomOut: Zoom arrière +language-switcher: + aria-label: Changer de langue menu-close: Fermer menu-open: Menu navigate-to-country: Aller au pays diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 880d024a..4056858c 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,4 +1,4 @@ -
-