From 9cf712ebee20f8b2c12bc7ca1225ef1469c740fe Mon Sep 17 00:00:00 2001 From: Rehno Lindeque Date: Tue, 5 Jun 2012 02:06:28 -0700 Subject: [PATCH] Show missing directory status message as persistent (using new "important" message style) --- client/src/statusbar.handler.js | 4 ++-- client/src/statusbar.message.js | 3 +++ client/style/main.cassius | 3 +++ 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/client/src/statusbar.handler.js b/client/src/statusbar.handler.js index 9689af3..0a7744f 100644 --- a/client/src/statusbar.handler.js +++ b/client/src/statusbar.handler.js @@ -1,9 +1,9 @@ var StatusBar = StatusBar || {}; (function(){ var storageEventHandler = adt({ - MovedOutRootDirectory: function() { StatusBar.info("The root directory was moved"); }, + MovedOutRootDirectory: function() { StatusBar.important("The root directory was moved"); }, RestoredRootDirectory: function() { StatusBar.info("The root directory has been restored"); }, - DeletedRootDirectory: function() { StatusBar.info("The root directory was deleted"); } + DeletedRootDirectory: function() { StatusBar.important("The root directory was deleted"); } }); StatusBar.handler = adt({ diff --git a/client/src/statusbar.message.js b/client/src/statusbar.message.js index 63fcf10..78176a4 100644 --- a/client/src/statusbar.message.js +++ b/client/src/statusbar.message.js @@ -3,4 +3,7 @@ StatusBar.info = function(message) { $('#page-statusbar').html(html.span({class: "status-info"}, html.em(message))); }; + StatusBar.important = function(message) { + $('#page-statusbar').html(html.span({class: "status-important"}, html.strong(message))); + }; })(html.evalCons); diff --git a/client/style/main.cassius b/client/style/main.cassius index c41dabc..925d3a3 100644 --- a/client/style/main.cassius +++ b/client/style/main.cassius @@ -111,6 +111,9 @@ textarea::selection, textarea::-moz-selection, textarea::-webkit-selection animation-name: status-info-fade animation-iteration-count: 1 +.status-important + color: rgb(165, 165, 165) + .editor position: relative width: 100%