Removed startup flicker; Tidier show/hideBars()

diff --git a/client_backbone/css/style.css b/client_backbone/css/style.css
index 1c91e0601eeca572efecd46256015fd17972c416..f7e92cc2eb8b669d274425a64494d437e49fa38e 100644 (file)
--- a/client_backbone/css/style.css
+++ b/client_backbone/css/style.css
@@ -16,10 +16,10 @@ a { color:#36C; text-decoration:none; cursor:pointer; }
 /**
  * Main layout blocks
  */
-#toolbar { position:absolute; top:0px; width:100%; background-color:#1B1B1B; font-size:0.9em; }
+#toolbar { position:absolute; top:0px; width:100%; background-color:#1B1B1B; font-size:0.9em; display:none; }
 #panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; }
 #memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; }
-#controlbox { position: absolute; bottom:0px; width:100%; background-color:#1B1B1B; }
+#controlbox { position: absolute; bottom:0px; width:100%; background-color:#1B1B1B; display:none; }
 
 
 

diff --git a/client_backbone/dev/view.js b/client_backbone/dev/view.js
index 00edbac7f0eccbd8407d0cc1363c3cca48405aa8..13fffa37f78386fa23ead8588eaef413fab29ac7 100755 (executable)
--- a/client_backbone/dev/view.js
+++ b/client_backbone/dev/view.js
@@ -865,11 +865,12 @@ kiwi.view.Application = Backbone.View.extend({
         var that = this;\r
 \r
         if (!instant) {\r
-            $('#toolbar').slideUp();\r
-            $('#controlbox').slideUp(function () { that.doLayout(); });\r
+            $('#toolbar').slideUp({queue: false, duration: 400, step: this.doLayout});\r
+            $('#controlbox').slideUp({queue: false, duration: 400, step: this.doLayout});\r
         } else {\r
             $('#toolbar').slideUp(0);\r
             $('#controlbox').slideUp(0);\r
+            this.doLayout();\r
         }\r
     },\r
 \r
@@ -877,8 +878,8 @@ kiwi.view.Application = Backbone.View.extend({
         var that = this;\r
 \r
         if (!instant) {\r
-            $('#toolbar').slideDown();\r
-            $('#controlbox').slideDown(function () { that.doLayout(); });\r
+            $('#toolbar').slideDown({queue: false, duration: 400, step: this.doLayout});\r
+            $('#controlbox').slideDown({queue: false, duration: 400, step: this.doLayout});\r
         } else {\r
             $('#toolbar').slideDown(0);\r
             $('#controlbox').slideDown(0);\r