From 3660f4d9dc35b3b98fd7613c0ebe9b34b8d82ec9 Mon Sep 17 00:00:00 2001 From: dave Date: Fri, 5 Jul 2019 21:29:19 -0700 Subject: [PATCH] mobile menu fixes --- styles/less/main.less | 13 +++++++++---- templates/page.html | 2 +- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/styles/less/main.less b/styles/less/main.less index f3c21ce..726d763 100644 --- a/styles/less/main.less +++ b/styles/less/main.less @@ -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; diff --git a/templates/page.html b/templates/page.html index 8f9bf30..61cc440 100644 --- a/templates/page.html +++ b/templates/page.html @@ -9,7 +9,7 @@