moviewyrm/bookwyrm/templates/components/dropdown.html
Joachim c86800be01 Remove padding and add radius to menu
Without padding, the children's lack of radius mask the radius. Using is-clipped helps clip with the parent's radius
2021-04-21 19:36:59 +02:00

34 lines
792 B
HTML

{% spaceless %}
{% load bookwyrm_tags %}
{% with 0|uuid as uuid %}
<div
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 }}"
>
{% block dropdown-trigger %}{% endblock %}
</button>
<div class="dropdown-menu">
<ul
id="menu-options-{{ uuid }}"
class="dropdown-content p-0 is-clipped"
role="menu"
>
{% block dropdown-list %}{% endblock %}
</ul>
</div>
</div>
{% endwith %}
{% endspaceless %}