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

This commit is contained in:
rabuzarus 2016-08-08 14:05:33 +02:00
parent 61e3a8ca3a
commit 27f04100c8
2 changed files with 16 additions and 1 deletions

View file

@ -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 file

@ -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>