Skip to content

Menu mobile : ajout d'un titre "fermer" #1586

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Olivia206 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Menu mobile : ajout d'un titre "fermer" #1586

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 16 additions & 6 deletions assets/sass/_theme/design-system/header.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -246,20 +246,30 @@ header#document-header
outline-offset: 5px
outline-style: dashed
outline-width: 1px
@include media-breakpoint-down(desktop)
display: flex
align-items: center
span:first-of-type
.button-title
@include meta
font-size: pxToRem(14)
text-transform: uppercase
&--close
display: none

span:last-of-type
background: none
@include icon-block(menu-line, before)
vertical-align: baseline
margin-right: $icon-burger-margin-right
vertical-align: baseline
background: none

&[aria-expanded="true"]
.button-title
&--open
display: none
&--close
display: block
span:last-of-type
&::before
content: map-get($icons, "close-line")
margin-right: $icon-close-margin-right

@include media-breakpoint-down(desktop)
align-items: center
display: flex
4 changes: 3 additions & 1 deletion i18n/en.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,9 @@ commons:
main: Main menu
secondary: Secondary menu
social: Socials networks menu
title: Menu
title:
open: Menu
close: Close
upper: Menu d'accès rapide
more: Read more
more_aria: Read more about “{{ .Title }}”
Expand Down
4 changes: 3 additions & 1 deletion i18n/fr.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -196,7 +196,9 @@ commons:
main: Menu principal
secondary: Menu secondaire
social: Menu réseaux sociaux
title: Menu
title:
open: Menu
close: Fermer
upper: Menu d'accès rapide
more: En savoir plus
more_aria: En savoir plus sur “{{ .Title }}“
Expand Down
4 changes: 3 additions & 1 deletion i18n/pt.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -176,7 +176,9 @@ commons:
main: Menu principal
secondary: Menu secundário
social: Menu de redes sociais
title: Menu
title:
open: Menu
close: Fechar
upper: Menu de acesso rápido
more: Saiba mais
more_aria: Saiba mais sobre “{{ .Title }}“
Expand Down
3 changes: 2 additions & 1 deletion layouts/_partials/header/button.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@
aria-expanded="false"
aria-label="{{ i18n "commons.menu.label" }}"
class="header-button">
<span>{{ i18n "commons.menu.title" }}</span>
<span class="button-title button-title--open">{{ i18n "commons.menu.title.open" }}</span>
<span class="button-title button-title--close">{{ i18n "commons.menu.title.close" }}</span>
{{/* djlint:off */}}
<span></span>
{{/* djlint:on */}}
Expand Down
Loading