aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/notifications_widget.tpl
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2017-10-10 12:08:51 +0200
committerMario Vavti <mario@mariovavti.com>2017-10-10 12:08:51 +0200
commit41cf846ee3c51257dc8ba05e498345b3e568e422 (patch)
tree6debd02675d83f150dea5151a64ccf031f76117b /view/tpl/notifications_widget.tpl
parentcc1ffff7cdfe5881636b6d2de3fe16f0094b5d69 (diff)
downloadvolse-hubzilla-41cf846ee3c51257dc8ba05e498345b3e568e422.tar.gz
volse-hubzilla-41cf846ee3c51257dc8ba05e498345b3e568e422.tar.bz2
volse-hubzilla-41cf846ee3c51257dc8ba05e498345b3e568e422.zip
new notification fixes
Diffstat (limited to 'view/tpl/notifications_widget.tpl')
-rw-r--r--view/tpl/notifications_widget.tpl63
1 files changed, 34 insertions, 29 deletions
diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl
index 3323422d6..b1c9704df 100644
--- a/view/tpl/notifications_widget.tpl
+++ b/view/tpl/notifications_widget.tpl
@@ -1,6 +1,6 @@
<style>
.notification-content {
- max-height: 70vh;
+ max-height: 60vh;
overflow: auto;
}
@@ -12,40 +12,45 @@
position: fixed;
top: 0px;
left: 0px;
- padding: 4.5rem .5rem 0 .5rem;
+ padding: 4.5rem .5rem 1rem .5rem;
background-color: white;
width: 100%;
max-width: 100%;
- height: 100vh;
- z-index: 1030;
+ height: 100%;
+ z-index: 1020;
+ overflow: auto;
}
-</style>
-
+ #notifications {
+ margin-bottom: 1rem;
+ }
+</style>
-<div id="notifications" class="navbar-nav" data-children=".nav-item">
- <div id="nav-notifications-template" rel="template">
- <a class="dropdown-item clearfix dropdown-notification {5}" href="{0}" title="{2} {3}">
- <img class="menu-img-3" data-src="{1}">
- <span class="contactname">{2}</span>
- <span class="dropdown-sub-text">{3}<br>{4}</span>
- </a>
- </div>
- {{foreach $notifications as $notification}}
- <div class="collapse {{$notification.type}}-button">
- <a class="list-group-item" href="#nav-{{$notification.type}}-menu" title="{{$notification.title}}" data-toggle="collapse" data-parent="#notifications" rel="#nav-{{$notification.type}}-menu">
- <i class="fa fa-fw fa-{{$notification.icon}}"></i> {{$notification.label}}
- <span class="float-right badge badge-{{$notification.severity}} {{$notification.type}}-update"></span>
- </a>
- <div id="nav-{{$notification.type}}-menu" class="collapse notification-content" rel="{{$notification.type}}">
- {{if $notification.viewall}}
- <a class="dropdown-item" id="nav-{{$notification.type}}-see-all" href="{{$notification.viewall.url}}">{{$notification.viewall.label}}</a>
- {{/if}}
- {{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>
- {{/if}}
- {{$loading}}
+<div id="notifications_wrapper">
+ <div id="notifications" class="navbar-nav" data-children=".nav-item">
+ <div id="nav-notifications-template" rel="template">
+ <a class="dropdown-item clearfix dropdown-notification {5}" href="{0}" title="{2} {3}">
+ <img class="menu-img-3" data-src="{1}">
+ <span class="contactname">{2}</span>
+ <span class="dropdown-sub-text">{3}<br>{4}</span>
+ </a>
+ </div>
+ {{foreach $notifications as $notification}}
+ <div class="collapse {{$notification.type}}-button">
+ <a class="list-group-item" href="#nav-{{$notification.type}}-menu" title="{{$notification.title}}" data-toggle="collapse" data-parent="#notifications" rel="#nav-{{$notification.type}}-menu">
+ <i class="fa fa-fw fa-{{$notification.icon}}"></i> {{$notification.label}}
+ <span class="float-right badge badge-{{$notification.severity}} {{$notification.type}}-update"></span>
+ </a>
+ <div id="nav-{{$notification.type}}-menu" class="collapse notification-content" rel="{{$notification.type}}">
+ {{if $notification.viewall}}
+ <a class="dropdown-item" id="nav-{{$notification.type}}-see-all" href="{{$notification.viewall.url}}">{{$notification.viewall.label}}</a>
+ {{/if}}
+ {{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>
+ {{/if}}
+ {{$loading}}
+ </div>
</div>
+ {{/foreach}}
</div>
- {{/foreach}}
</div>