diff options
| author | Mario Vavti <mario@mariovavti.com> | 2018-01-07 19:14:19 +0100 |
|---|---|---|
| committer | Mario <mario@mariovavti.com> | 2018-01-07 19:47:48 +0100 |
| commit | fefc78a849ade52927f6ae88a3c1f03501d66930 (patch) | |
| tree | 9344ee00f8a30946467d9d149001ea43bd7f36ac | |
| parent | ffe058d48f5a8c4d38c893ece09cdaac8078e9e5 (diff) | |
| download | volse-hubzilla-fefc78a849ade52927f6ae88a3c1f03501d66930.tar.gz volse-hubzilla-fefc78a849ade52927f6ae88a3c1f03501d66930.tar.bz2 volse-hubzilla-fefc78a849ade52927f6ae88a3c1f03501d66930.zip | |
start with nonactive state for the notifications button and display some text if there are no notifications on small screens only
| -rw-r--r-- | Zotlabs/Widget/Notifications.php | 1 | ||||
| -rw-r--r-- | view/css/widgets.css | 3 | ||||
| -rw-r--r-- | view/js/main.js | 2 | ||||
| -rw-r--r-- | view/tpl/notifications_widget.tpl | 3 |
4 files changed, 9 insertions, 0 deletions
diff --git a/Zotlabs/Widget/Notifications.php b/Zotlabs/Widget/Notifications.php index a677d84c9..5a0c1f3d5 100644 --- a/Zotlabs/Widget/Notifications.php +++ b/Zotlabs/Widget/Notifications.php @@ -144,6 +144,7 @@ class Notifications { $o = replace_macros(get_markup_template('notifications_widget.tpl'), array( '$module' => \App::$module, '$notifications' => $notifications, + '$no_notifications' => t('Sorry, you have got no notifications at the moment'), '$loading' => t('Loading') )); diff --git a/view/css/widgets.css b/view/css/widgets.css index 5b1273e25..76e829b04 100644 --- a/view/css/widgets.css +++ b/view/css/widgets.css @@ -170,6 +170,9 @@ a.wikilist { } /* notifications */ +.notifications-btn { + opacity: .5; +} .notification-content { max-height: 70vh; diff --git a/view/js/main.js b/view/js/main.js index 11a09b647..a228e6fbc 100644 --- a/view/js/main.js +++ b/view/js/main.js @@ -373,10 +373,12 @@ function notificationsUpdate() { if(data.network || data.home || data.intros || data.register || data.mail || data.all_events || data.notify || data.files || data.pubs) { $('.notifications-btn').css('opacity', 1); + $('#no_notifications').hide(); } else { $('.notifications-btn').css('opacity', 0.5); $('#navbar-collapse-1').removeClass('show'); + $('#no_notifications').show(); } if(data.home || data.intros || data.register || data.mail || data.notify || data.files) { diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl index 095fa8056..9d2e08c41 100644 --- a/view/tpl/notifications_widget.tpl +++ b/view/tpl/notifications_widget.tpl @@ -85,6 +85,9 @@ {{if $notifications}} <div id="notifications_wrapper"> + <div id="no_notifications" class="d-xl-none"> + {{$no_notifications}}<span class="jumping-dots"><span class="dot-1">.</span><span class="dot-2">.</span><span class="dot-3">.</span></span> + </div> <div id="notifications" class="navbar-nav" data-children=".nav-item"> <div id="nav-notifications-template" rel="template"> <a class="list-group-item clearfix notification {5}" href="{0}" title="{2} {3}" data-b64mid="{6}" data-notify_id="{7}" data-thread_top="{8}"> |