replace menu icon with hamburger

diff --git a/css/qui.mcss b/css/qui.mcss
index 82b79caf30b5e7c152da39b628518b51a3a5c206..e184877565ffdc695212ccfb372890d413b78bd6 100644 (file)
--- a/css/qui.mcss
+++ b/css/qui.mcss
@@ -146,7 +146,7 @@ html {
 .qwebirc-qui .tabbar {
   font-size: 0.8em;
   color: $(tabbar_text);
-  margin-left: 38px;
+  margin-left: 25px;
   line-height: 24px;
 }
 
@@ -272,7 +272,7 @@ div#noscript {
   cursor: hand;
   float: left;
   padding: 4px;
-  width: 30px;
+  width: 17px;
 }
 
 .qwebirc-qui .dropdownmenu {

diff --git a/js/ui/frontends/qui.js b/js/ui/frontends/qui.js
index 37482e8874059c9a15b792cea3ef8a70a25685c9..88d2e0a0967ee7559f5d3da0afa9e3354179435f 100644 (file)
--- a/js/ui/frontends/qui.js
+++ b/js/ui/frontends/qui.js
@@ -51,9 +51,6 @@ qwebirc.ui.QUI = new Class({
     this.createInput();
     this.reflow();
     this.reflow.delay(100); /* Konqueror fix */
-    
-    /* HACK, in Chrome this should work immediately but doesn't */
-    this.__createDropdownHint.delay(100, this);
   },
   __createDropdownMenu: function() {
     var dropdownMenu = new Element("span");
@@ -87,17 +84,10 @@ qwebirc.ui.QUI = new Class({
     dropdown.appendChild(new Element("img", {src: qwebirc.global.staticBaseURL + "images/icon.png", title: "menu", alt: "menu"}));
     dropdown.setStyle("opacity", 1);
 
-    var dropdownEffect = new Fx.Tween(dropdown, {duration: "long", property: "opacity", link: "chain"});
-    dropdownEffect.start(0.25);
-    dropdownEffect.start(1);
-    dropdownEffect.start(0.33);
-    dropdownEffect.start(1);
-    
     this.outerTabs.appendChild(dropdown);
     dropdownMenu.show = function(x) {
       new Event(x).stop();
-      this.hideHint();
-      
+
       if(dropdownMenu.visible) {
         dropdownMenu.hide();
         return;
@@ -114,31 +104,6 @@ qwebirc.ui.QUI = new Class({
     dropdown.addEvent("mousedown", function(e) { new Event(e).stop(); });
     dropdown.addEvent("click", dropdownMenu.show);
   },
-  __createDropdownHint: function() {
-    var dropdownhint = new Element("div");
-    dropdownhint.addClass("dropdownhint");
-    dropdownhint.set("text", "Click the icon for the main menu.");
-    dropdownhint.setStyle("top", this.outerTabs.getSize().y + 5);
-
-    this.parentElement.appendChild(dropdownhint);
-    new Fx.Morph(dropdownhint, {duration: "normal", transition: Fx.Transitions.Sine.easeOut}).start({left: [900, 5]});
-    
-    var hider = function() {
-      new Fx.Morph(dropdownhint, {duration: "long"}).start({left: [5, -900]});
-    }.delay(4000, this);
-    
-    var hider2 = function() {
-      if(dropdownhint.hidden)
-        return;
-      this.parentElement.removeChild(dropdownhint);
-      dropdownhint.hidden = 1;
-    }.bind(this);
-    hider2.delay(4000);
-    this.hideHint = hider2;
-    
-    document.addEvent("mousedown", hider2);
-    document.addEvent("keypress", hider2);
-  },
   createInput: function() {
     var form = new Element("form");
     this.input.appendChild(form);

diff --git a/static/images/icon.png b/static/images/icon.png
index 4a1ef9190cd4939aba4b7acc38591c4ecbff3151..a079e6d1428228f81ea02c608b24191f7418dd9e 100644 (file)
Binary files a/static/images/icon.png and b/static/images/icon.png differ