Fixes mobile menu dropdown

This commit is contained in:
Mouse Reeve 2021-01-17 20:31:37 -08:00
parent 3f136c40da
commit 51ddada8f6
2 changed files with 3 additions and 16 deletions

View file

@ -22,22 +22,10 @@
display: none; display: none;
} }
input.toggle-control {
display: none;
}
.hidden { .hidden {
display: none; display: none;
} }
input.toggle-control:checked ~ .toggle-content {
display: block;
}
input.toggle-control:checked ~ .modal.toggle-content {
display: flex;
}
/* --- STARS --- */ /* --- STARS --- */
.rate-stars button.icon { .rate-stars button.icon {
background: none; background: none;

View file

@ -41,17 +41,16 @@
</div> </div>
</form> </form>
<label for="main-nav" role="button" class="navbar-burger pulldown-menu" aria-label="menu" aria-expanded="false" data-target="mainNav" tabindex="0"> <div role="button" tabindex="0" class="toggle-control navbar-burger pulldown-menu" data-controls="main-nav" aria-expanded="false">
<div class="navbar-item mt-3"> <div class="navbar-item mt-3">
<div class="icon icon-dots-three-vertical" title="Main navigation menu"> <div class="icon icon-dots-three-vertical" title="Main navigation menu">
<span class="is-sr-only">Main navigation menu</span> <span class="is-sr-only">Main navigation menu</span>
</div> </div>
</div> </div>
</label> </div>
</div> </div>
<input class="toggle-control" type="checkbox" id="main-nav"> <div class="navbar-menu" id="main-nav">
<div id="mainNav" class="navbar-menu">
<div class="navbar-start"> <div class="navbar-start">
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
<a href="/user/{{ request.user.localname }}/shelves" class="navbar-item"> <a href="/user/{{ request.user.localname }}/shelves" class="navbar-item">