fix overlapping X button for very long window names

[irc/quakenet/qwebirc.git] / css / qui.mcss

diff --git a/css/qui.mcss b/css/qui.mcss
index 74a79e752dbef312558f267bcc1b7b67100607d7..c25d1a217bcb7e446ef46ab40cb07ed80ee8d27f 100644 (file)
--- a/css/qui.mcss
+++ b/css/qui.mcss
@@ -51,20 +51,25 @@ html {
 .qwebirc-qui .dynamicpanel {
   position: absolute;
 }
-.qwebirc-qui .widepanel, .leftboundpanel {
+.qwebirc-qui .leftboundpanel {
   left: 0px;
-}
-.qwebirc-qui .widepanel {
-  width: 100%;
+  width: 150px;
+  height: 100%;
 }
 .qwebirc-qui .topboundpanel {
   top: 0px;
+  width: 100%;
+}
+.qwebirc-qui .topicboundpanel {
+  width: 100%;
 }
 .qwebirc-qui .rightboundpanel {
-  /*right: 0px;*/
+  right: 0px;
+  width: 140px;
 }
 .qwebirc-qui .bottomboundpanel {
-  color: red;
+  bottom: 0px;
+  right: 0px;
 }
 
 .qwebirc-qui .lines {
@@ -100,7 +105,7 @@ html {
 }
 
 .qwebirc-qui .input-flash {
-  background: #ffdddd;
+  background: #bbffbb;
 }
 
 .qwebirc-qui .input input.mobile-input {
@@ -134,19 +139,59 @@ html {
 .qwebirc-qui .topic {
   color: gray;
   padding-left: 5px;
-  font-size: 0.7em;
+  padding-bottom: 3px;
+  font-size: 1.1em;
   cursor: default;
 }
 
 .qwebirc-qui .outertabbar {
-  border-bottom: 1px solid $(tabbar_border);
   background: $(tabbar_background);
 }
 
+.qwebirc-qui .outertabbar_top .dropdown-tab {
+  padding: 4px 3px 0 3px;
+}
+
+.qwebirc-qui .outertabbar_left .dropdown-tab {
+  padding: 3px 3px 0 3px;
+  margin-right: 2px;
+}
+
+.qwebirc-qui .outertabbar_left {
+  border-right: 1px solid $(tabbar_border);
+  overflow: auto;
+}
+
+.qwebirc-qui .outertabbar_left .tab {
+  display: block;
+  margin-right: 3px;
+  margin-top: 1px;
+  line-height: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-height: 15px;
+}
+
+.qwebirc-qui .outertabbar_left .tabclose {
+  float: right;
+  padding-left: 5px;
+  margin-left: 0px;
+  margin-top: -2px;
+  position: relative;
+}
+
+.qwebirc-qui .outertabbar_left .tabbar {
+  margin-left: 2px;
+}
+
+.qwebirc-qui .outertabbar_top {
+  border-bottom: 1px solid $(tabbar_border);
+}
+
 .qwebirc-qui .tabbar {
   font-size: 0.8em;
   color: $(tabbar_text);
-  margin-left: 38px;
+  margin-left: 25px;
   line-height: 24px;
 }
 
@@ -211,10 +256,6 @@ html {
 
 .qwebirc-qui .nicklist {
   border-left: 1px solid $(nicklist_border);
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 140px;
   overflow: auto;
   background: $(nicklist_background);
   color: $(nicklist_text);
@@ -271,8 +312,7 @@ div#noscript {
   cursor: pointer;
   cursor: hand;
   float: left;
-  padding: 4px;
-  width: 30px;
+  width: 17px;
 }
 
 .qwebirc-qui .dropdownmenu {