keith/friendica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
view/theme/frio/css/style.css
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;

10
view/theme/frio/templates/notifications.tpl
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>