fix: improve mobile menu button interaction & a11y

fluid-project · Jun 1, 2022 · b83fc49 · b83fc49
1 parent 01e4e34
commit b83fc49
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/_includes/partials/components/menu.njk b/src/_includes/partials/components/menu.njk
@@ -1,5 +1,5 @@
 <nav class="menu" aria-label="menu">
-    <button class="menu__button" aria-label="menu" aria-expanded="false" aria-controls="menu-list">
+    <button class="menu__button" aria-label="menu" aria-expanded="false" aria-controls="menu-list" type="button">
         {% svg_sprite "icon-menu" %}
         <span class="menu__name">{{ translations[lang].menu }}</span>
     </button>

diff --git a/src/assets/styles/components/_menu.scss b/src/assets/styles/components/_menu.scss
@@ -4,6 +4,7 @@
     background-color: var(--fl-buttonBgColor, inherit);
     border: none;
     color: var(--fl-buttonFgColor, currentColor);
+    cursor: pointer;
     display: flex;
     height: 2rem;
     justify-content: center;