fix: fix action menu hidden behind animal

This commit is contained in:
2025-09-01 21:57:59 +02:00
parent b428f46213
commit fb581c940b

View File

@@ -27,109 +27,106 @@
{% block content %} {% block content %}
{% include "fellchensammlung/partials/partial-adoption-notice-status.html" %} {% include "fellchensammlung/partials/partial-adoption-notice-status.html" %}
<div class="columns"> <!--- Title level (including action dropdown) -->
<div class="column is-two-thirds"> <div class="block is-flex is-justify-content-space-between">
<!--- Title level (including action dropdown) --> <div class="">
<div class="level"> <h2 class="title is-3 is-size-4-mobile">{{ adoption_notice.name }}</h2>
<div class="level-left"> </div>
<div class="level-item">
<p class="title is-3 is-size-4-mobile">{{ adoption_notice.name }}</p>
</div>
</div>
<div class="level-right"> <div class="">
<div class="level-item"> <div class="dropdown is-right">
<div class="dropdown is-right"> <div class="dropdown-trigger">
<div class="dropdown-trigger"> <button class="button" aria-haspopup="true" aria-controls="dropdown-menu4">
<button class="button" aria-haspopup="true" aria-controls="dropdown-menu4"> <span><i class="fas fa-gear" aria-label="{% trans 'Aktionen' %}"></i></span>
<span><i class="fas fa-gear" aria-label="{% trans 'Aktionen' %}"></i></span> <span class="icon is-small">
<span class="icon is-small">
<i class="fas fa-angle-down" aria-hidden="true"></i> <i class="fas fa-angle-down" aria-hidden="true"></i>
</span> </span>
</button>
</div>
<!--- Action menu (dropdown) --->
<div class="dropdown-menu" role="menu">
<div class="dropdown-content">
{% if is_subscribed %}
<form class="dropdown-item" method="POST">
{% csrf_token %}
<input type="hidden" name="action" value="unsubscribe">
<button type="submit" id="submit">
<i class="fas fa-bell-slash fa-fw"
aria-hidden="true"></i> {% trans 'Deabonnieren' %}
</button> </button>
</div>
<!--- Action menu (dropdown) --->
<div class="dropdown-menu" role="menu">
<div class="dropdown-content">
{% if is_subscribed %}
<form class="dropdown-item" method="POST">
{% csrf_token %}
<input type="hidden" name="action" value="unsubscribe">
<button type="submit" id="submit"> </form>
<i class="fas fa-bell-slash fa-fw" {% else %}
aria-hidden="true"></i> {% trans 'Deabonnieren' %} <form class="dropdown-item" method="POST">
</button> {% csrf_token %}
<input type="hidden" name="action" value="subscribe">
</form> <button type="submit" id="submit">
{% else %} <i class="fas fa-bell fa-fw"
<form class="dropdown-item" method="POST"> aria-hidden="true"></i> {% trans 'Abonnieren' %}
{% csrf_token %} </button>
<input type="hidden" name="action" value="subscribe">
<button type="submit" id="submit"> </form>
<i class="fas fa-bell fa-fw" {% endif %}
aria-hidden="true"></i> {% trans 'Abonnieren' %} <hr class="dropdown-divider">
</button>
</form> {% if has_edit_permission %}
{% endif %} <form class="dropdown-item" method="POST">
<hr class="dropdown-divider"> {% csrf_token %}
<input type="hidden" name="action" value="checked_active">
{% if has_edit_permission %} <button type="submit" id="submit">
<form class="dropdown-item" method="POST"> <i class="fas fa-check fa-fw"
{% csrf_token %} aria-hidden="true"></i> {% trans 'Als aktiv bestätigen' %}
<input type="hidden" name="action" value="checked_active"> </button>
<button type="submit" id="submit"> </form>
<i class="fas fa-check fa-fw" <a class="dropdown-item"
aria-hidden="true"></i> {% trans 'Als aktiv bestätigen' %} href="{% url 'adoption-notice-edit' adoption_notice_id=adoption_notice.pk %}">
</button> <i class="fas fa-pencil fa-fw"
</form> aria-hidden="true"></i> {% translate 'Bearbeiten' %}
<a class="dropdown-item" </a>
href="{% url 'adoption-notice-edit' adoption_notice_id=adoption_notice.pk %}"> <a class="dropdown-item"
<i class="fas fa-pencil fa-fw" href="{% url 'adoption-notice-add-photo' adoption_notice.pk %}">
aria-hidden="true"></i> {% translate 'Bearbeiten' %} <i class="fas fa-image fa-fw"
</a> aria-hidden="true"></i> {% trans 'Bilder hinzufügen' %}
<a class="dropdown-item" </a>
href="{% url 'adoption-notice-add-photo' adoption_notice.pk %}"> <a class="dropdown-item"
<i class="fas fa-image fa-fw" href="{% url 'adoption-notice-add-animal' adoption_notice.pk %}">
aria-hidden="true"></i> {% trans 'Bilder hinzufügen' %} <i class="fas fa-plus fa-fw"
</a> aria-hidden="true"></i> {% trans 'Tier hinzufügen' %}
<a class="dropdown-item" </a>
href="{% url 'adoption-notice-add-animal' adoption_notice.pk %}"> <a class="dropdown-item"
<i class="fas fa-plus fa-fw" href="{% url 'adoption-notice-close' adoption_notice_id=adoption_notice.pk %}">
aria-hidden="true"></i> {% trans 'Tier hinzufügen' %} <i class="fas fa-circle-xmark fa-fw"
</a> aria-hidden="true"></i> {% trans 'Deaktivieren' %}
<a class="dropdown-item" </a>
href="{% url 'adoption-notice-close' adoption_notice_id=adoption_notice.pk %}"> <hr class="dropdown-divider">
<i class="fas fa-circle-xmark fa-fw" {% endif %}
aria-hidden="true"></i> {% trans 'Deaktivieren' %} <a class="dropdown-item" href="{{ adoption_notice.get_report_url }}">
</a> <i class="fas fa-flag"
<hr class="dropdown-divider"> aria-hidden="true"></i> {% trans 'Melden' %}
{% endif %} </a>
<a class="dropdown-item" href="{{ adoption_notice.get_report_url }}"> {% if request.user.is_superuser %}
<i class="fas fa-flag" {% if oxitraffic_base_url %}
aria-hidden="true"></i> {% trans 'Melden' %} <hr class="dropdown-divider">
</a> <a class="dropdown-item"
{% if request.user.is_superuser %} href="{{ oxitraffic_base_url }}/stats?path={{ adoption_notice.get_absolute_url }}">
{% if oxitraffic_base_url %} <i class="fas fa-chart-line fa-fw"></i> {% trans 'Aufrufe' %}
<hr class="dropdown-divider"> </a>
<a class="dropdown-item" href="{{ oxitraffic_base_url }}/stats?path={{ adoption_notice.get_absolute_url }}"> {% endif %}
<i class="fas fa-chart-line fa-fw"></i> {% trans 'Aufrufe' %} <hr class="dropdown-divider">
</a> <a class="dropdown-item is-warning"
{% endif %} href="{% url adoption_notice_meta|admin_urlname:'change' adoption_notice.pk %}">
<hr class="dropdown-divider"> <i class="fa-solid fa-tools fa-fw"></i> Admin interface
<a class="dropdown-item is-warning" </a>
href="{% url adoption_notice_meta|admin_urlname:'change' adoption_notice.pk %}"> {% endif %}
<i class="fa-solid fa-tools fa-fw"></i> Admin interface
</a>
{% endif %}
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<div class="columns">
<div class="column is-two-thirds">
<!--- General Information ---> <!--- General Information --->
<div class="grid"> <div class="grid">
<div class="cell"> <div class="cell">