dave/photolib
1
0
Fork 0
Code Issues 5 Pull Requests Releases Wiki Activity

mobile menu fixes

Browse Source
This commit is contained in:
dave 2019-07-05 21:29:19 -07:00
parent 947f06ea08
commit 3660f4d9dc
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
styles/less/main.less
View File

@ -49,11 +49,16 @@ a {
.nav-inner {
display: none;
}
#nav.active .nav-inner {
display: block;
padding: 2em 0;
// Maybe put a little X in unclickable space to close the menu
#nav>button:active {
border: 1px solid #f0f;
}
#nav>button + .nav-inner:active,
#nav>button:focus + .nav-inner {
display: block;
background-color: #252a3a;
}
#nav {
.pure-menu {
@ -68,7 +73,7 @@ a {
}
.pure-menu-link {
color: #fff;
margin-left: 0.5em;
// margin-left: 0.5em;
}
.pure-menu-heading {
border-bottom: none;

2
templates/page.html
View File

@ -9,7 +9,7 @@
<body>
<div id="layout" class="content pure-g">
<div id="nav" class="pure-u">
<a href="#" class="nav-menu-button">Menu</a>
<button class="nav-menu-button">Menu</button>
<div class="nav-inner">
<div class="pure-menu">
<ul class="pure-menu-list">