mirror of
https://github.com/dgtlmoon/changedetection.io.git
synced 2026-09-24 22:36:33 +00:00
Fix alert icon
This commit is contained in:
@@ -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
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user