fix border

ephios-dev · Jan 31, 2024 · a4d2aa3 · a4d2aa3
1 parent add02dc
commit a4d2aa3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/ephios/core/templates/core/notification_list.html b/ephios/core/templates/core/notification_list.html
@@ -11,9 +11,9 @@ <h1 class="page-header clearfix">
             </a>
         </small>
     </h1>
-    <ul class="list-group mb-3">
+    <ul class="list-group mb-3" id="notification-list">
         {% for notification in notification_list %}
-            <li class="list-group-item {% if not notification.read and not notification.is_obsolete %}unread-notification{% endif %}">
+            <li class="list-group-item {% if not notification.read and not notification.is_obsolete %}unread{% else %}text-body-secondary{% endif %}">
                 <div class="row mb-1">
                     <div class="col">
                         <small class="text-body-secondary">{{ notification.created_at|date:"d.m.Y H:i" }}</small>
@@ -34,7 +34,7 @@ <h6 class="fw-bold">
                     </div>
                     <div class="col">
                         {% for label, url in notification.get_actions %}
-                            <a class="btn btn-secondary btn-sm" href="{{ url }}">{{ label }}</a>
+                            <a class="btn btn-sm {% if not notification.read and not notification.is_obsolete %}btn-secondary{% else %}btn-outline-secondary{% endif %}" href="{{ url }}">{{ label }}</a>
                         {% endfor %}
                     </div>
                 </div>

diff --git a/ephios/static/ephios/scss/ephios_custom.scss b/ephios/static/ephios/scss/ephios_custom.scss
@@ -267,7 +267,11 @@ a.badge {
   padding-bottom: 1rem;
 }
 
-.unread-notification {
-  border-left-color: $primary;
+#notification-list li {
   border-left-width: 0.5rem;
+
+  &.unread {
+    border-left-color: $primary;
+  }
 }
+