CSS resizing changes

diff --git a/client/css/default.css b/client/css/default.css
index ad20624a87dde51def26e2008f397bf4d5ba9694..3b7662d36cd3d1625c02c59d54f71d46e51e2d93 100644 (file)
--- a/client/css/default.css
+++ b/client/css/default.css
@@ -44,7 +44,7 @@ body, html {
 }\r
 #kiwi .windowlist ul, #kiwi .utilityviewlist ul {\r
        overflow: hidden;\r
-       margin-right: 200px;\r
+       margin-right: 50px;\r
        white-space: nowrap;\r
        display:block;\r
        /*height: 35px;*/\r
@@ -117,6 +117,12 @@ background-image: -moz-linear-gradient(
 #kiwi .userlist ul li .userbox { margin:0px 5px 5px 5px; font-size:.9em; }\r
 #kiwi .userlist ul li .userbox a { display:block; text-decoration:none; border-bottom: 1px dashed #aaa; }\r
 \r
+#nicklist_resize {\r
+       position:absolute; cursor:w-resize; width:5px;\r
+       background: url(/img/scroll_handle.png) no-repeat;\r
+       background-position: center;\r
+}\r
+\r
 #kiwi .cur_topic {\r
        font-family:Verdana, Geneva, sans-serif;\r
        font-size:.85em;\r
@@ -145,6 +151,7 @@ background-image: -moz-linear-gradient(
        position: absolute;\r
        top:92px; left:0px;\r
        right: 110px; bottom:30px;\r
+       outline: none;\r
 }\r
 #kiwi .panel { overflow-y:scroll; height:100%; }\r
 #panel1 { float:left; width:100%;}\r

diff --git a/client/img/scroll_handle.png b/client/img/scroll_handle.png
new file mode 100644 (file)
index 0000000..a196e65
Binary files /dev/null and b/client/img/scroll_handle.png differ

diff --git a/client/js/front.js b/client/js/front.js
index ba56bfc631f75ee7c1799c3c690855f5531c8e9e..e5ab3e797383e23bd53602a2178d50b2868f9200 100644 (file)
--- a/client/js/front.js
+++ b/client/js/front.js
@@ -86,7 +86,7 @@ kiwi.front = {
         $(window).resize(kiwi.front.ui.doLayoutSize);
 
         // Add the resizer for the userlist
-        $('<div id="nicklist_resize" style="position:absolute; cursor:w-resize; width:5px;"></div>').appendTo('#kiwi');
+        $('<div id="nicklist_resize"></div>').appendTo('#kiwi');
         $('#nicklist_resize').draggable({axis: "x", drag: function () {
             var t = $(this),
                 ul = $('#kiwi .userlist'),