N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve greedy navigation's layout when JavaScript is disabled

Browse source
This commit is contained in:
Michael Rose 2018-01-09 13:56:09 -05:00
parent a8d7bf2237
commit 614b6bdf92
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/masthead.html
View file

@ -22,7 +22,7 @@
</svg> </svg>
</button> </button>
{% endif %} {% endif %}
<button class="greedy-nav__toggle" type="button"> <button class="greedy-nav__toggle hidden" type="button">
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</span> <span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</span>
<div class="navicon"></div> <div class="navicon"></div>
</button> </button>

10
_sass/minimal-mistakes/_navigation.scss
View file

@ -309,6 +309,16 @@
} }
} }
.no-js {
.greedy-nav {
.visible-links {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: visible;
}
}
}
/* /*
Navigation list Navigation list
========================================================================== */ ========================================================================== */