Always show notification bubble.

diff --git a/kronolith/js/kronolith.js b/kronolith/js/kronolith.js
index a07529c..3f8a5be 100644 (file)
--- a/kronolith/js/kronolith.js
+++ b/kronolith/js/kronolith.js
@@ -184,7 +184,7 @@ KronolithCore = {
                 });
                 var notify = $('kronolithNotifications'),
                     className = m.type.replace(/\./, '-'),
-                    order = 'horde-error,horde-warning,horde-alarm,horde-message,horde-success';
+                    order = 'horde-error,horde-warning,horde-message,horde-success,kronolithNotifications';
                 if (!notify.className ||
                     order.indexOf(notify.className) > order.indexOf(className)) {
                     notify.className = className;

diff --git a/kronolith/templates/index/index.inc b/kronolith/templates/index/index.inc
index 0794b41..952a2ad 100644 (file)
--- a/kronolith/templates/index/index.inc
+++ b/kronolith/templates/index/index.inc
@@ -4,8 +4,8 @@
 
   <!-- begin services -->
   <div id="kronolithServices">
-   <span style="display:none"><a href="#" id="kronolithNotifications" title="<?php echo _("These items need your attention") ?>"></a> <span class="kronolithSeparator">&middot;</span></span>
-   <a href="#" id="kronolithOptions"><?php echo _("Options") ?></a><?php if ($help_link) echo ' <span class="kronolithSeparator">&middot;</span> ' . $help_link; if ($logout_link) echo ' <span class="kronolithSeparator">|</span> ' . $logout_link ?>
+    <span><a href="#" id="kronolithNotifications" class="kronolithNotifications"><?php echo _("0 notifications") ?></a> <span class="kronolithSeparator">&middot;</span></span>
+    <a href="#" id="kronolithOptions"><?php echo _("Options") ?></a><?php if ($help_link) echo ' <span class="kronolithSeparator">&middot;</span> ' . $help_link; if ($logout_link) echo ' <span class="kronolithSeparator">|</span> ' . $logout_link ?>
   </div>
   <!-- end services -->
 

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index 21832ae..eca0b52 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -396,12 +396,19 @@ body.kronolithAjax {
 /* User data and options */
 #kronolithServices {
     float: right;
-    margin-top: 8px;
+    margin-top: 10px;
     margin-right: 10px;
     text-align: right;
 }
 #kronolithNotifications {
     padding: 3px 5px;
+    height: 25px;
+    line-height: 25px;
+}
+.kronolithNotifications {
+    background-color: #d9d9d9;
+    opacity: .3;
+    filter: alpha(opacity=30);
 }
 
 /* Main area */