frio: unify size of notif-images + background color for unseen notifs

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index bd2cf90ff6911bf48d5e54270f15d1ae665fb4bb..1802905809faf28e8b5b56561dfc7e90168f1f3f 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -2181,12 +2181,17 @@ ul.notif-network-list > li {
     padding-left: 15px;
     padding-right: 15px;
 }
+ul.notif-network-list li.unseen {
+    border-left: 3px solid #f3fcfd;
+    background-color: #f3fcfd;
+}
 .intro-wrapper.media {
     overflow: visible;
     word-wrap: break-word;
     margin-top: 0;
 }
-.intro-photo-wrapper img.intro-photo {
+.intro-photo-wrapper img.intro-photo,
+.notif-item img.notif-image {
     height:80px;
     width: 80px;
     border-radius: 4px;

diff --git a/view/theme/frio/templates/notifications.tpl b/view/theme/frio/templates/notifications.tpl
index 82f11c8be4a47446f156a42e79dae7b1eaadeb8c..126001e93329a1f60ad3ea4d91eba3302766092c 100644 (file)
--- a/view/theme/frio/templates/notifications.tpl
+++ b/view/theme/frio/templates/notifications.tpl
@@ -26,3 +26,13 @@
        {{* The pager *}}
        {{$notif_paginate}}
 </div>
+
+{{* Since only the DIV's inside the notification-list are marked with the class "unseen",
+we need some js to transfer this class to the parent li list-elements *}}
+<script>
+$(document).ready(function(){
+       if( $(".notif-item").hasClass("unseen")) {
+               $(".notif-item.unseen").parent("li").addClass("unseen");
+       }
+});
+</script>
\ No newline at end of file