diff options
| author | zotlabs <mike@macgirvin.com> | 2017-10-08 15:10:44 -0700 |
|---|---|---|
| committer | zotlabs <mike@macgirvin.com> | 2017-10-08 15:10:44 -0700 |
| commit | 52b1ea10a1ef4ccec67b4248155651626ec24b44 (patch) | |
| tree | 4177a3e8de9ed2353bec1ee7e5f470766c12fa39 /view/tpl/notifications_widget.tpl | |
| parent | 27bc8294aecb847e0e87e61ff0c11cf64d4a9c10 (diff) | |
| parent | ec173e7eb2e0b4a0768606365f6463009900f0ea (diff) | |
| download | volse-hubzilla-52b1ea10a1ef4ccec67b4248155651626ec24b44.tar.gz volse-hubzilla-52b1ea10a1ef4ccec67b4248155651626ec24b44.tar.bz2 volse-hubzilla-52b1ea10a1ef4ccec67b4248155651626ec24b44.zip | |
Merge branch 'dev' of https://github.com/redmatrix/hubzilla into xdev_merge
Diffstat (limited to 'view/tpl/notifications_widget.tpl')
| -rw-r--r-- | view/tpl/notifications_widget.tpl | 26 |
1 files changed, 16 insertions, 10 deletions
diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl index 07423563a..83174b3a1 100644 --- a/view/tpl/notifications_widget.tpl +++ b/view/tpl/notifications_widget.tpl @@ -1,12 +1,18 @@ <style> #notifications { - width: 100%; + position: fixed; + top: 4.5rem; + width: 266px; + padding: 0 .5rem; } .notification-content { max-height: 50vh; overflow: auto; - border-left: 0.2rem solid #eee; + } + + .notification-content.collapsing { + overflow: hidden; } .fs { @@ -22,9 +28,9 @@ } .fs #notifications { - position: relative !important; - width: 100% !important; - top: 0px !important; + position: relative; + width: 100%; + top: 0px; } </style> @@ -36,10 +42,10 @@ </a> </div> -<ul id="notifications" class="navbar-nav" style="position: fixed; width: 280px; top: 64px;" data-children=".nav-item"> +<div id="notifications" class="navbar-nav" data-children=".nav-item"> {{foreach $notifications as $notification}} - <li class="nav-item {{$notification.type}}-button" style="display: none;"> - <a class="nav-link" href="#nav-{{$notification.type}}-menu" title="{{$notification.title}}" data-toggle="collapse" data-parent="#notifications" rel="#nav-{{$notification.type}}-menu"> + <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> @@ -52,6 +58,6 @@ {{/if}} {{$loading}} </div> - </li> + </div> {{/foreach}} -</ul> +</div> |