NewConnection dialog slide-out infobox implemented

diff --git a/client/assets/css/style.css b/client/assets/css/style.css
index 49ab2ed18a51bcc870cabecbb94fb7d02ca4aed5..76abec0d00352b424edf9a99f484ba64ffeb517e 100644 (file)
--- a/client/assets/css/style.css
+++ b/client/assets/css/style.css
@@ -165,7 +165,7 @@ html, body { height:100%; }
 /**
  * Server selection dialog
  */
-#kiwi .server_select { width:320px; margin:0 auto; overflow:hidden; }
+#kiwi .server_select { position:relative; width:320px; margin:0 auto; overflow:hidden; }
 #kiwi .server_select.initial { margin-top: 3em; }
 #kiwi .server_select .more { display: none; }
 #kiwi .server_select button {  }

diff --git a/client/assets/dev/view.js b/client/assets/dev/view.js
index 4415fc5ff6ba6aa46043b5513124f86dc03e8eb0..11ae8fe178d19747a410beef5eb97c937636959c 100644 (file)
--- a/client/assets/dev/view.js
+++ b/client/assets/dev/view.js
@@ -302,6 +302,20 @@ _kiwi.view.ServerSelect = function () {
             state = new_state;\r
         },\r
 \r
+        infoBoxShow: function() {\r
+            var $side_panel = this.$el.find('.side_panel');\r
+            this.$el.animate({\r
+                width: parseInt($side_panel.css('left'), 10) + $side_panel.find('.content:first').outerWidth()\r
+            });\r
+        },\r
+\r
+        infoBoxHide: function() {\r
+            var $side_panel = this.$el.find('.side_panel');\r
+            this.$el.animate({\r
+                width: parseInt($side_panel.css('left'), 10)\r
+            });\r
+        },\r
+\r
         setStatus: function (text, class_name) {\r
             $('.status', this.$el)\r
                 .text(text)\r