Fix alert icon

This commit is contained in:
dgtlmoon
2026-01-05 16:01:17 +01:00
parent 3e281f4ab5
commit b62efa1470
3 changed files with 14 additions and 14 deletions
@@ -1127,3 +1127,13 @@ ul {
color: #fff;
opacity: 0.8;
}
#failed-notifications-icon {
display: none;
}
body.failed-notifications {
#failed-notifications-icon {
display: block;
}
}
File diff suppressed because one or more lines are too long
+3 -13
View File
@@ -46,7 +46,7 @@
{% endif %}
</head>
<body class="{{extra_classes}}">
<body class="{{extra_classes}}{% if get_failed_notifications_count() > 0 %} failed-notifications{% endif %}">
<div class="header">
<div class="pure-menu-fixed" style="width: 100%;">
<div class="home-menu pure-menu pure-menu-horizontal" id="nav-menu">
@@ -85,21 +85,11 @@
<li class="pure-menu-item">
<a href="{{ url_for('backups.index')}}" class="pure-menu-link">BACKUPS</a>
</li>
{% set failed_count = get_failed_notifications_count() %}
{% if failed_count > 0 %}
<li class="pure-menu-item">
<li class="pure-menu-item" id="failed-notifications-icon">
<a href="{{ url_for('settings.failed_notifications')}}" class="pure-menu-link" title="Failed notifications - requires attention" style="position: relative; padding: 0.5em 0.8em;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle;">
<!-- Envelope icon (grey outline) -->
<path d="M3 8L10.89 13.26C11.2187 13.4793 11.6049 13.5963 12 13.5963C12.3951 13.5963 12.7813 13.4793 13.11 13.26L21 8M5 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19Z"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="opacity: 0.7;"/>
<!-- Red exclamation mark badge -->
<circle cx="17" cy="7" r="5" fill="#dc3545"/>
<text x="17" y="7" text-anchor="middle" dominant-baseline="central" fill="white" font-size="8" font-weight="bold" font-family="Arial, sans-serif">!</text>
</svg>
<img src="{{url_for('static_content', group='images', filename='notification-fail.svg')}}" alt="Failed notifications" style="vertical-align: middle; width: 20px; height: 20px;">
</a>
</li>
{% endif %}
{% else %}
<li class="pure-menu-item">
<a href="{{ url_for('ui.ui_edit.edit_page', uuid=uuid, next='diff') }}" class="pure-menu-link">EDIT</a>