Component for dropdowns

also use hoverable dropdowns
This commit is contained in:
Mouse Reeve
2021-01-17 11:09:49 -08:00
parent e64507e50d
commit 73c1b5a1ff
6 changed files with 64 additions and 59 deletions

View File

@ -27,7 +27,7 @@
{% endif %}
</div>
<div class="dropdown control">
<div class="dropdown control is-hoverable">
<div class="dropdown-trigger">
<label for="shelf-select-dropdown-{{ uuid }}-toggle" role="button" aria-expanded="false" class="pulldown-menu" tabindex="0" aria-haspopup="true" aria-controls="shelf-select-{{ uuid }}">
<div class="button is-small">
@ -35,8 +35,7 @@
</div>
</label>
</div>
<input type="checkbox" class="toggle-control" id="shelf-select-dropdown-{{ uuid }}-toggle">
<div class="dropdown-menu toggle-content hidden" id="shelf-select-{{ uuid }}" role="menu">
<div class="dropdown-menu" id="shelf-select-{{ uuid }}" role="menu">
<ul class="dropdown-content">
{% for shelf in request.user.shelf_set.all %}
<li role="menuitem">