Merge pull request #2718 from rabuzarus/0808-frio_notifications_css

frio: unify size of notif-images + background color for unseen notifs
This commit is contained in:
Michael Vogel 2016-08-08 21:31:00 +02:00 committed by GitHub
commit fe5e775b00
2 changed files with 16 additions and 1 deletions

View file

@ -2181,12 +2181,17 @@ ul.notif-network-list > li {
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
ul.notif-network-list li.unseen {
border-left: 3px solid #f3fcfd;
background-color: #f3fcfd;
}
.intro-wrapper.media { .intro-wrapper.media {
overflow: visible; overflow: visible;
word-wrap: break-word; word-wrap: break-word;
margin-top: 0; margin-top: 0;
} }
.intro-photo-wrapper img.intro-photo { .intro-photo-wrapper img.intro-photo,
.notif-item img.notif-image {
height:80px; height:80px;
width: 80px; width: 80px;
border-radius: 4px; border-radius: 4px;

View file

@ -26,3 +26,13 @@
{{* The pager *}} {{* The pager *}}
{{$notif_paginate}} {{$notif_paginate}}
</div> </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>