mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-01-21 07:55:00 +00:00
fb6cd03b5a
- In Bootstrap 5, dropdown button and dropdown menu not being siblings does not work like it did in Bootstrap 4. - Use collapse component instead of dropdown. Collapse component does not have the same limitations. Apply some of the styling from dropdown-menu to restore previous appearance. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: Veiko Aasa <veiko17@disroot.org>
29 lines
902 B
HTML
29 lines
902 B
HTML
{% comment %}
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
{% endcomment %}
|
|
|
|
{# Template to display a drop down button for notifications in the navbar #}
|
|
|
|
{% load i18n %}
|
|
|
|
{% if notifications %}
|
|
<li class="nav-item notifications-dropdown">
|
|
<a href="#" title="{% trans "Notifications" %}"
|
|
class="nav-link dropdown-toggle" data-bs-toggle="collapse"
|
|
role="button" aria-expanded="false" aria-haspopup="true"
|
|
data-bs-target=".notifications">
|
|
<span class="fa fa-bell nav-icon"></span>
|
|
<span class="badge rounded-pill
|
|
{% if notifications_max_severity == 'exception' or notifications_max_severity == 'error' %}
|
|
text-bg-danger
|
|
{% elif notifications_max_severity == 'warning' %}
|
|
text-bg-warning
|
|
{% else %}
|
|
text-bg-info
|
|
{% endif %}">
|
|
{{ notifications|length }}
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|