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

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;

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>