github
/
hugo-geekblog
mirror of https://github.com/thegeeklab/hugo-geekblog.git
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: toggle visibility on mobile nav (#93)

This commit is contained in:
Robert Kaussow 2021-09-22 21:52:07 +02:00 committed by GitHub
parent 311f01102c
commit 96a9792f5b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/partials/site-header.html
View File

@ -14,7 +14,7 @@
<nav class="gblog-nav">
<input type="checkbox" id="menu-control" class="hidden">
<div class="gblog-nav__control">
<label for="menu-control" class="flex align-center justify-center">
<label for="menu-control" class="flex align-center justify-center">
<svg class="icon gblog_menu"><use xlink:href="#gblog_menu"></use></svg>
<svg class="icon gblog_clear"><use xlink:href="#gblog_clear"></use></svg>
<span>Nav</span>

2
src/sass/_mobile.scss
View File

@ -13,6 +13,7 @@
flex-direction: column;
justify-content: center;
max-height: 0;
visibility: hidden;
overflow: hidden;
}
@ -70,6 +71,7 @@
#menu-control:checked ~ .gblog-nav__list {
max-height: 100%;
visibility: visible;
}
#menu-control:checked ~ .gblog-nav__control {