diff --git a/src/_includes/partials/global/site-head.njk b/src/_includes/partials/global/site-head.njk index 181c842..4b4f911 100644 --- a/src/_includes/partials/global/site-head.njk +++ b/src/_includes/partials/global/site-head.njk @@ -8,8 +8,8 @@ {% set ariaLabel = 'navigation' %} {% include "partials/components/nav.njk" %} diff --git a/src/js/components/menu-toggle.js b/src/js/components/menu-toggle.js index b53d53a..3cfa5f1 100644 --- a/src/js/components/menu-toggle.js +++ b/src/js/components/menu-toggle.js @@ -4,8 +4,10 @@ function menuToggle(elm) { if (menu.classList.contains('show')) { elm.querySelector('#icon-show').style.display = 'none'; elm.querySelector('#icon-close').style.display = 'inline'; + elm.querySelector('.menu-toggle__label').textContent = 'fermer'; } else { elm.querySelector('#icon-show').style.display = 'inline'; elm.querySelector('#icon-close').style.display = 'none'; + elm.querySelector('.menu-toggle__label').textContent = 'menu'; } } \ No newline at end of file diff --git a/src/scss/components/_site-head.scss b/src/scss/components/_site-head.scss index 690dec4..69b2dbd 100644 --- a/src/scss/components/_site-head.scss +++ b/src/scss/components/_site-head.scss @@ -51,6 +51,7 @@ + .menu-toggle { display: inline-flex; flex-direction: column; + align-items: center; background-color: var(--color-white); border: 0; margin-left: auto;