aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/notifications_widget.tpl
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2017-10-08 22:21:19 +0200
committerMario Vavti <mario@mariovavti.com>2017-10-08 22:21:19 +0200
commitbcf4cb519ae6c7d590db6a8023b7f24332ea9160 (patch)
tree6acccef70860ef0d2082bb61deebf89d2679d063 /view/tpl/notifications_widget.tpl
parent991db280be4c3cbbff4fb1e4dae8f303a487ed3f (diff)
downloadvolse-hubzilla-bcf4cb519ae6c7d590db6a8023b7f24332ea9160.tar.gz
volse-hubzilla-bcf4cb519ae6c7d590db6a8023b7f24332ea9160.tar.bz2
volse-hubzilla-bcf4cb519ae6c7d590db6a8023b7f24332ea9160.zip
new notification fixes
Diffstat (limited to 'view/tpl/notifications_widget.tpl')
-rw-r--r--view/tpl/notifications_widget.tpl26
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>