aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2018-01-07 19:14:19 +0100
committerMario <mario@mariovavti.com>2018-01-07 19:47:48 +0100
commitfefc78a849ade52927f6ae88a3c1f03501d66930 (patch)
tree9344ee00f8a30946467d9d149001ea43bd7f36ac
parentffe058d48f5a8c4d38c893ece09cdaac8078e9e5 (diff)
downloadvolse-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.php1
-rw-r--r--view/css/widgets.css3
-rw-r--r--view/js/main.js2
-rw-r--r--view/tpl/notifications_widget.tpl3
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}">