Component for dropdowns

also use hoverable dropdowns
2021-01-17 11:09:49 -08:00
parent e64507e50d
commit 73c1b5a1ff
6 changed files with 64 additions and 59 deletions
--- a/bookwyrm/templates/snippets/components/dropdown.html
+++ b/bookwyrm/templates/snippets/components/dropdown.html
@ -0,0 +1,13 @@
+<div class="dropdown is-hoverable {% if right %}is-right{% endif %}">
+    <div class="dropdown-trigger">
+        <button type="button" class="button pulldown-menu {{ class }}" aria-expanded="false" class="pulldown-menu" aria-haspopup="true" aria-controls="shelf-select-{{ book.id }}">
+            {% block dropdown-trigger %}{% endblock %}
+        </button>
+    </div>
+    <div class="dropdown-menu" id="shelf-select-{{ book.id }}" role="menu">
+        <ul class="dropdown-content">
+            {% block dropdown-list %}{% endblock %}
+        </ul>
+    </div>
+</div>
+