dropdown menu is now acceptable.

diff --git a/js/ui/frontends/qui.js b/js/ui/frontends/qui.js
index c9bcf3ac3821173195df456bc4b56f144ac113de..c00ad56fc3ec84a1b619a69b5ce587d7c097975f 100644 (file)
--- a/js/ui/frontends/qui.js
+++ b/js/ui/frontends/qui.js
@@ -12,14 +12,19 @@ qwebirc.ui.QUI = new Class({
       if($defined(w))
         w.onResize();
     }.bind(this));
-    this.qjsui.top.addClass("tabbar");
+    this.qjsui.top.addClass("outertabbar");
     
     this.qjsui.bottom.addClass("input");
     this.qjsui.right.addClass("nicklist");
     this.qjsui.topic.addClass("topic");
     this.qjsui.middle.addClass("lines");
     
-    this.tabs = this.qjsui.top;
+    this.outerTabs = this.qjsui.top;
+    this.__createDropdown();
+    
+    this.tabs = new Element("div");
+    this.tabs.addClass("tabbar");
+    this.outerTabs.appendChild(this.tabs);
     this.origtopic = this.topic = this.qjsui.topic;
     this.origlines = this.lines = this.qjsui.middle;
     this.orignicklist = this.nicklist = this.qjsui.right;
@@ -40,8 +45,6 @@ qwebirc.ui.QUI = new Class({
       event.stop();
     }.bind(this));
     
-    this.__createDropdown();
-    
     this.createInput();
     this.reflow();
   },
@@ -50,7 +53,6 @@ qwebirc.ui.QUI = new Class({
     dropdownMenu.addClass("dropdownmenu");
     var surface = new Element("div");
     surface.addClass("surface");
-
     dropdownMenu.hide = function(noRemove) {
       dropdownMenu.setStyle("display", "none");
       dropdownMenu.visible = false;
@@ -76,12 +78,10 @@ qwebirc.ui.QUI = new Class({
       dropdownMenu.appendChild(e);
     }.bind(this));
     
-    var dropdown = new Element("img");
+    var dropdown = new Element("div");
     dropdown.addClass("dropdown-tab");
-    dropdown.setStyle("display", "inline-block");
-    dropdown.set("html", "<img src=images/favicon.png>");
-    this.tabs.appendChild(dropdown);
-
+    dropdown.appendChild(new Element("img", {src: "images/favicon.png", title: "menu", alt: "menu"}));
+    this.outerTabs.appendChild(dropdown);
     dropdownMenu.show = function(x){
       new Event(x).stop();
       
@@ -95,9 +95,9 @@ qwebirc.ui.QUI = new Class({
       var top = x.client.y;
       */
       /* -1 == border */
-      top = this.tabs.getSize().y - 1;
+      var top = this.tabs.getSize().y - 1;
         
-      dropdownMenu.setStyle("left", left);
+      dropdownMenu.setStyle("left", 0);
       dropdownMenu.setStyle("top", top);
       dropdownMenu.setStyle("display", "inline-block");
       dropdownMenu.visible = true;
@@ -283,6 +283,7 @@ qwebirc.ui.QUI.JSUI = new Class({
     this.topic.setStyle("display", display);
   },
   showInput: function(state) {
+    this.bottom.isVisible = state;
     this.bottom.setStyle("display", state?"block":"none");
   }
 });
@@ -324,7 +325,7 @@ qwebirc.ui.QUI.Window = new Class({
 
         this.close();
         
-        parentObject.inputbox.focus();
+        //parentObject.inputbox.focus();
       }.bind(this);
       
       tabclose.addEvent("click", close);

diff --git a/static/about.html b/static/about.html
index 4e9e010ff16a53ee78098b2222f1095809f7c7cf..6472794a278a48387f45b3d8f06d6dc1c2eee8da 100644 (file)
--- a/static/about.html
+++ b/static/about.html
@@ -29,6 +29,10 @@
           SoundManager 2 -- <a href="http://www.schillmania.com/projects/soundmanager2/" target="new">http://www.schillmania.com/projects/soundmanager2/</a><br/>
           Copyright &copy; 2007 Scott Schiller (schillmania.com), BSD license.
         </li>
+        <li>
+          Beep sound -- made by Dreamcast on QuakeNet.<br/>
+          Released into the public domain.
+        </li>
       </td>
     </tr>
   </table>

diff --git a/static/css/qui.css b/static/css/qui.css
index aa77de7956f95a6b8d1ae2bc0a1ab6dfb8857aa4..180eaf5e5363b83dcc8bf0157587b29a2431ec5d 100644 (file)
--- a/static/css/qui.css
+++ b/static/css/qui.css
@@ -49,13 +49,6 @@ html {
   font-family: Consolas, "Lucida Console", Verdana, monospace, sans-serif, "sans serif";
 }
 
-.qwebirc-qui .tabbar {
-  border-bottom: 1px solid #c3cee0;
-  background: #e2ecf9;
-  font-size: 0.8em;
-  color: #000000;
-}
-
 .qwebirc-qui .tab-invisible {
   display: none;
 }
@@ -90,10 +83,13 @@ html {
   font-size: 0.7em;
 }
 
-.qwebirc-qui .tabbar {
+.qwebirc-qui .outertabbar {
   border-bottom: 1px solid #c3cee0;
-  padding: 4px;
   background: #e2ecf9;
+}
+
+.qwebirc-qui .tabbar {
+  padding: 4px;
   font-size: 0.8em;
   color: #000000;
 }
@@ -212,10 +208,11 @@ div#noscript {
   text-decoration: underline;
 }
 
-.qwebirc-qui .tabbar .dropdown-tab {
-  color: red;
+.qwebirc-qui .outertabbar .dropdown-tab {
   cursor: pointer;
   cursor: hand;
+  float: left;
+  padding: 4px;
 }
 
 .qwebirc-qui div.dropdownmenu {