nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-06-03 10:50:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

notifications: Show severity level on every notification

Browse Source 
Left side border of the notification is the color of the severity
level. Helps when there are multiple notifications with different
severity levels.

Signed-off-by: Veiko Aasa <veiko17@disroot.org>
[sunil: Drop styling for unused 'notification-light' class]
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
This commit is contained in:
Veiko Aasa 2020-10-08 11:20:14 +03:00 committed by Sunil Mohan Adapa
parent d93f2f634d
commit 38a5730f14
No known key found for this signature in database
GPG Key ID: 43EA1CFF0AA7C5F2
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
plinth/templates/notifications.html
View File

@ -11,7 +11,7 @@
<div class="notifications dropdown">
<ul class="dropdown-menu" role="menu">
{% for note in notifications %}
<li class="notification">
<li class="notification notification-{{ note.severity }}">
{% if note.data.app_name %}
<div class="app-name">
{% if note.data.app_icon %}

15
static/themes/default/css/main.css
View File

@ -660,6 +660,7 @@ input[type='submit'].running-status-button {
.notification {
padding: 1rem 1.5rem;
font-size: 15px;
border-left: 5px solid;
}
.notification:not(:first-child) {
@ -692,10 +693,22 @@ img.notification-icon {
background-color: #ec971f;
}
.badge-info, badge-debug {
.badge-info, .badge-debug {
background-color: #5bc0de;
}
.notification-exception, .notification-error {
border-left-color: #d9534f;
}
.notification-warning {
border-left-color: #ec971f;
}
.notification-info, .notification-debug {
border-left-color: #5bc0de;
}
/* Don't collapse notifications on small screens */
.collapsing .notifications-dropdown,
.collapse.in .notifications-dropdown {