mirrors/bookwyrm
1
0
Fork 1
mirror of https://github.com/bookwyrm-social/bookwyrm.git synced 2024-12-28 11:00:36 +00:00
Code Issues Projects Releases Wiki Activity

Use html details instead of javascript menus

Browse source
This commit is contained in:
Mouse Reeve 2021-12-04 09:48:55 -08:00
parent 41fbfb627e
commit 5b27952b34
2 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
bookwyrm/static/css/bookwyrm.css
View file

@ -115,6 +115,10 @@ input[type=file]::file-selector-button:hover {
color: #363636;
}
details[open] .dropdown-menu {
display: block !important;
}
/** Shelving
******************************************************************************/

17
bookwyrm/templates/components/dropdown.html
View file

@ -2,25 +2,20 @@
{% load utilities %}
{% with 0|uuid as uuid %}
<div
<details
id="menu_{{ uuid }}"
class="
dropdown control
{% if right %}is-right{% endif %}
"
>
<button
class="button dropdown-trigger pulldown-menu {{ class }}"
type="button"
aria-expanded="false"
aria-haspopup="true"
aria-controls="menu_options_{{ uuid }}"
data-controls="menu_{{ uuid }}"
<summary
class="button control dropdown-trigger pulldown-menu {{ class }}"
>
{% block dropdown-trigger %}{% endblock %}
</button>
</summary>
<div class="dropdown-menu">
<div class="dropdown-menu control">
<ul
id="menu_options_{{ uuid }}"
class="dropdown-content p-0 is-clipped"
@ -29,6 +24,6 @@
{% block dropdown-list %}{% endblock %}
</ul>
</div>
</div>
</details>
{% endwith %}
{% endspaceless %}