mirror of
https://github.com/friendica/friendica
synced 2024-11-10 09:42:54 +00:00
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:
commit
fe5e775b00
2 changed files with 16 additions and 1 deletions
|
@ -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;
|
||||||
|
|
|
@ -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>
|
Loading…
Reference in a new issue