From: Darren <darren@darrenwhitlen.com>
Date: Sun, 6 Nov 2011 12:49:03 +0000 (+0000)
Subject: CSS resizing changes
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=b6ee5d82f52c957d53373dae7908b2919d523c19;p=KiwiIRC.git

CSS resizing changes
---

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