css fixes

This commit is contained in:
Mario Vavti 2017-10-10 20:02:42 +02:00
parent 0c4a1fb9be
commit 07ae431950
3 changed files with 7 additions and 4 deletions

View File

@ -987,7 +987,7 @@ function notify_popup_loader(notifyType) {
html = notifications_tpl.format(this.notify_link,this.photo,this.name,this.message,this.when,this.hclass); html = notifications_tpl.format(this.notify_link,this.photo,this.name,this.message,this.when,this.hclass);
$("#nav-" + notifyType + "-menu").append(html); $("#nav-" + notifyType + "-menu").append(html);
}); });
$(".dropdown-menu img[data-src], .dropdown-item img[data-src]").each(function(i, el){ $(".dropdown-menu img[data-src], .notification img[data-src]").each(function(i, el){
// Replace data-src attribute with src attribute for every image // Replace data-src attribute with src attribute for every image
$(el).attr('src', $(el).data("src")); $(el).attr('src', $(el).data("src"));
$(el).removeAttr("data-src"); $(el).removeAttr("data-src");

View File

@ -787,18 +787,21 @@ div.jGrowl div.jGrowl-notification {
.contactname { .contactname {
font-weight: bold; font-weight: bold;
color: $font_colour;
display: block; display: block;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.dropdown-notification, .dropdown-notification,
.notification,
.member-item { .member-item {
line-height: 1.1em; line-height: 1.1em;
font-size: 0.75rem; font-size: 0.75rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: block; display: block;
white-space: nowrap;
} }
#acl-search::-webkit-input-placeholder { #acl-search::-webkit-input-placeholder {

View File

@ -29,7 +29,7 @@
<div id="notifications_wrapper"> <div id="notifications_wrapper">
<div id="notifications" class="navbar-nav" data-children=".nav-item"> <div id="notifications" class="navbar-nav" data-children=".nav-item">
<div id="nav-notifications-template" rel="template"> <div id="nav-notifications-template" rel="template">
<a class="dropdown-item clearfix dropdown-notification {5}" href="{0}" title="{2} {3}"> <a class="list-group-item clearfix notification {5}" href="{0}" title="{2} {3}">
<img class="menu-img-3" data-src="{1}"> <img class="menu-img-3" data-src="{1}">
<span class="contactname">{2}</span> <span class="contactname">{2}</span>
<span class="dropdown-sub-text">{3}<br>{4}</span> <span class="dropdown-sub-text">{3}<br>{4}</span>
@ -43,10 +43,10 @@
</a> </a>
<div id="nav-{{$notification.type}}-menu" class="collapse notification-content" rel="{{$notification.type}}"> <div id="nav-{{$notification.type}}-menu" class="collapse notification-content" rel="{{$notification.type}}">
{{if $notification.viewall}} {{if $notification.viewall}}
<a class="dropdown-item" id="nav-{{$notification.type}}-see-all" href="{{$notification.viewall.url}}">{{$notification.viewall.label}}</a> <a class="list-group-item" id="nav-{{$notification.type}}-see-all" href="{{$notification.viewall.url}}">{{$notification.viewall.label}}</a>
{{/if}} {{/if}}
{{if $notification.markall}} {{if $notification.markall}}
<a class="dropdown-item" id="nav-{{$notification.type}}-mark-all" href="{{$notification.markall.url}}" onclick="markRead('{{$notification.type}}'); return false;">{{$notification.markall.label}}</a> <a class="list-group-item" id="nav-{{$notification.type}}-mark-all" href="{{$notification.markall.url}}" onclick="markRead('{{$notification.type}}'); return false;">{{$notification.markall.label}}</a>
{{/if}} {{/if}}
{{$loading}} {{$loading}}
</div> </div>