oldkid/friendica
1
0
Fork 0
mirror of https://git.sekbaer.de/Friendica/friendica.git synced 2025-06-16 20:05:14 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #2220 from rabuzarus/2812_notify_menu

Browse source 
vier: some visual work on the notification menu
This commit is contained in:
Michael Vogel 2015-12-29 14:31:41 +01:00
commit b41ab85feb
3 changed files with 65 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

48
view/theme/vier/style.css
View file

@ -928,10 +928,33 @@ ul.menu-popup .empty {
background-color: #bdcdd4;
}*/
#nav-notifications-menu img {
float: left;
margin-right: 5px;
#nav-notifications-menu > li {
display: block;
color: #737373;
cursor: pointer;
}
#nav-notifications-menu > li:hover {
background-color: #e5e5e5;
color: #000;
}
#nav-notifications-mark-all a {
color: #737373;
}
#nav-notifications-menu img {
width: 32px;
height: 32px;
border-radius: 5px;
margin: 0;
padding: 0;
}
#nav-notifications-menu .notif-desc-wrapper a {
display: inline;
padding: 0px;
}
#nav-notifications-menu .contactname {
font-weight: bold;
}
@ -947,6 +970,25 @@ ul.menu-popup .empty {
padding: 7px 7px 0px 0px;
}
.notif-entry-wrapper {
padding: 5px 10px;
min-height: 32px;
/*border-bottom: 1px solid #DDDDDD;*/
}
.notif-photo-wrapper {
float: left;
margin-right: 10px;
}
.notif-photo-wrapper a {
padding: 0 !important;
}
.notif-desc-wrapper {
overflow: hidden;
}
right_aside {
display: none;
vertical-align: top;

10
view/theme/vier/templates/nav.tpl
View file

@ -109,7 +109,15 @@
</nav>
<ul id="nav-notifications-template" style="display:none;" rel="template">
<li class="{4}"><a href="{0}" title="{5}"><img data-src="{1}">{2} <span class="notif-when">{3}</span></a></li>
<li class="{4}" onclick="location.href='{0}';">
<div class="notif-entry-wrapper">
<div class="notif-photo-wrapper"><a href="{6}"><img data-src="{1}"></a></div>
<div class="notif-desc-wrapper">
{8}{7}
<div><time class="notif-when" title="{5}">{3}</time></div>
</div>
</div>
</li>
</ul>
<!--
<div class="icon-flag" style="position: fixed; bottom: 10px; left: 20px; z-index:9;">{{$langselector}}</div>