Bug 721249 - Tab-bar buttons are slightly too small. r+ui-review=andreasn,a=Standard8
authorRichard Marti <richard.marti@gmail.com>
Tue, 21 Feb 2012 15:32:39 +0000
changeset 10587 96355948daf9aad6c629797a1e03f55f8d3db71d
parent 10586 0dd0060b96854d0c0f26c4f60d4ba2e4af8f7bd9
child 10588 60a05d6cffa1d558edcb723d719c7cde7347e75e
push idunknown
push userunknown
push dateunknown
reviewersStandard8
bugs721249
Bug 721249 - Tab-bar buttons are slightly too small. r+ui-review=andreasn,a=Standard8
mail/themes/qute/mail/messenger-aero.css
mail/themes/qute/mail/primaryToolbar-aero.css
mail/themes/qute/mail/tabmail-aero.css
--- a/mail/themes/qute/mail/messenger-aero.css
+++ b/mail/themes/qute/mail/messenger-aero.css
@@ -25,17 +25,17 @@ treechildren::-moz-tree-cell-text {
   -moz-appearance: none;
 }
 
 #tabmail-buttons > toolbarbutton {
   margin-top: 3px;
   margin-bottom: 0;
 }
 
-@media all and (-moz-windows-default-theme) {
+@media (-moz-windows-default-theme) {
   #searchInput {
     border-color: rgba(0, 0, 0, .32);
   }
 
   #searchInput:-moz-lwtheme {
     background-color: rgba(255, 255, 255, .8);
     border-color: rgba(0, 0, 0, .32);
     color: black;
@@ -100,17 +100,17 @@ treechildren::-moz-tree-cell-text {
   }
 
   listitem[selected="true"][current="true"],
   treechildren::-moz-tree-cell-text(selected, focus) {
     color: -moz-DialogText;
   }
 }
 
-@media all and (-moz-windows-compositor) {
+@media (-moz-windows-compositor) {
   #unifinder-searchBox,
   #task-addition-box {
     border-top: none;
     background-color: -moz-dialog;
   }
 
   #searchInput {
     background-color: rgba(255, 255, 255, .725);
@@ -120,8 +120,14 @@ treechildren::-moz-tree-cell-text {
   #searchInput:hover {
     background-color: rgba(255, 255, 255, .898);
   }
 
   #searchInput[focused="true"] {
     background-color: white;
   }
 }
+
+@media not all and (-moz-windows-compositor) {
+  #print-preview-toolbar:not(:-moz-lwtheme) {
+    -moz-appearance: -moz-win-browsertabbar-toolbox;
+  }
+}
--- a/mail/themes/qute/mail/primaryToolbar-aero.css
+++ b/mail/themes/qute/mail/primaryToolbar-aero.css
@@ -84,17 +84,17 @@
   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5),
                     rgba(255, 255, 255, 0) 28px) !important;
 }
 
 #mail-bar3 {
   padding: 1px 0;
 }
 
-@media all and (-moz-windows-default-theme) {
+@media (-moz-windows-default-theme) {
   .mail-toolbox:not(:-moz-lwtheme),
   #navigation-toolbox:not(:-moz-lwtheme) {
     background-color: rgb(207, 219, 236);
   }
 
   #navigation-toolbox:not(:-moz-lwtheme) {
   background-color: rgb(227, 237, 246);
   }
@@ -277,17 +277,17 @@ toolbox[labelalign="end"] > toolbar[mode
   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu");
 }
 
 /* ::::: toolbar buttons on tabbar toolbar ::::: */
 
 #tabbar-toolbar .toolbarbutton-1,
 #tabbar-toolbar .toolbarbutton-menubutton-button,
 #tabbar-toolbar .toolbarbutton-menubutton-dropmarker {
-  margin: 3px 0 0;
+  margin: 0 0 -1px;
   border: none;
   border-radius: 0;
   background: none;
   box-shadow: none;
 }
 
 #tabbar-toolbar .toolbarbutton-menubutton-button,
 #tabbar-toolbar .toolbarbutton-menubutton-dropmarker {
@@ -316,17 +316,17 @@ toolbox[labelalign="end"] > toolbar[mode
   background-repeat: no-repeat;
 }
 
 #tabbar-toolbar
   .toolbarbutton-menubutton-button:not([disabled]):hover:-moz-locale-dir(rtl) {
   background-position: 1px -1px, 100% -1px;
 }
 
-@media all and (-moz-windows-compositor) {
+@media (-moz-windows-compositor) {
   #messengerWindow {
     -moz-appearance: -moz-win-borderless-glass;
     background: transparent;
   }
 
   #navigation-toolbox:not(:-moz-lwtheme),
   #tabs-toolbar {
     background: transparent !important;
@@ -370,26 +370,16 @@ toolbox[labelalign="end"] > toolbar[mode
     list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-inverted.png");
   }
 
   #tabbar-toolbar .toolbarbutton-1:not([disabled="true"]) .dropmarker-icon {
     list-style-image: url("chrome://messenger/skin/icons/arrow-dn-inverted.png");
   }
 }
 
-@media not all and (-moz-windows-compositor) {
-  #print-preview-toolbar:not(:-moz-lwtheme) {
-    -moz-appearance: -moz-win-browsertabbar-toolbox;
-  }
-
-  .tabmail-tabs:not(:-moz-lwtheme) {
-  background-color: transparent !important;
-  }
-}
-
 #button-getmsg {
   list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
   -moz-image-region: rect(0px, 18px, 18px, 0px);
 }
 
 #button-newmsg {
   list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
   -moz-image-region: rect(0px, 36px, 18px, 18px);
--- a/mail/themes/qute/mail/tabmail-aero.css
+++ b/mail/themes/qute/mail/tabmail-aero.css
@@ -38,24 +38,20 @@
 .tabmail-arrowscrollbox {
   margin-bottom: -1px;
 }
 
 /**
 * Tabmail Tabs
 */
 
-@media all and (-moz-windows-default-theme) {
+@media (-moz-windows-default-theme) {
   .tabmail-tabs {
     padding: 0 3px;
   }
-
-  .tabmail-tabs:not(:-moz-lwtheme) {
-    background-color: rgb(227, 237, 246);
-  }
 }
 
 .tabmail-tabs > .tabmail-tab:first-child > .tab-close-button {
   visibility: collapse;
 }
 
 /**
 * Tab
@@ -68,21 +64,20 @@
               hsla(0, 0%, 45%, .1) 1px, hsla(0, 0%, 32%, .2) 80%,
               hsla(0, 0%, 0%, .2)),
               -moz-linear-gradient(-moz-dialog, -moz-dialog);
   background-origin: border-box;
   background-position: 1px 2px;
   background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px);
   background-repeat: no-repeat;
   margin: 0;
-  padding: 2px 0 3px;
+  padding: 2px 0 4px;
   border-width: 4px 3px 0;
   border-style: solid;
   -moz-border-image: url(icons/tab.png) 4 3 0 fill repeat stretch;
-  height: 26px;
   border-radius: 0;
 }
 
 .tabmail-tab:hover {
   background-image: -moz-linear-gradient(bottom, rgba(10%, 10%, 10%, .4) 1px,
                     transparent 1px), -moz-linear-gradient(hsla(0, 0%, 100%, .3) 1px,
                     hsla(0, 0%, 75%, .2) 80%, hsla(0, 0%, 60%, .2)),
                     -moz-linear-gradient(-moz-dialog, -moz-dialog);
@@ -133,17 +128,17 @@
                     hsla(0, 0%, 45%, .5) 80%);
 }
 
 .tabmail-tab:-moz-lwtheme-darktext:not([selected="true"]):hover {
   background-image: -moz-linear-gradient(hsla(0, 0%, 80%, .5),
                     hsla(0, 0%, 60%, .5) 80%);
 }
 
-@media all and (-moz-windows-default-theme) {
+@media (-moz-windows-default-theme) {
   .tabmail-tab:not(:-moz-lwtheme):not([selected="true"]) {
     background-image: -moz-linear-gradient(bottom, transparent 1px, transparent),
                       -moz-linear-gradient(transparent, hsla(0, 0%, 45%, .1) 1px,
                                            hsla(0, 0%, 32%, .2) 80%,
                                            hsla(0, 0%, 0%, .2)),
                       -moz-linear-gradient(hsl(214, 44%, 87%), hsl(214, 44%, 87%));
   }
 
@@ -170,22 +165,16 @@
 .tabmail-tab[type="glodaSearch"] {
   list-style-image: url("chrome://global/skin/icons/Search-glass.png");
 }
 
 .tabmail-tab[selected="true"] > .tab-image-middle > .tab-text {
   opacity: 1.0 !important;
 }
 
-@media all and (-moz-windows-compositor) {
-  .tabmail-tabs:not(:-moz-lwtheme) {
-    background: transparent;
-  }
-}
-
 .tab-throbber,
 .tab-icon-image {
   -moz-margin-start: 2px;
   -moz-margin-end: 3px;
   margin-bottom: 1px;
   width: 16px;
   height: 16px;
 }
@@ -221,17 +210,16 @@ tabpanels {
 .tab-close-button > .toolbarbutton-icon {
   -moz-margin-end: 0px !important;
 }
 
 .tab-close-button,
 .tabs-closebutton {
   -moz-appearance: none;
   -moz-image-region: rect(0, 64px, 16px, 48px);
-  height: 24px;
   border: none !important;
   padding: 0 !important;
   cursor: default;
   list-style-image: url("chrome://global/skin/icons/close.png");
   background: none !important;
 }
 
 .tabs-closebutton {
@@ -267,17 +255,17 @@ tabpanels {
 */
 
 .tabs-left {
   display: none;
 }
 
 .tabmail-arrowscrollbox > .scrollbutton-up,
 .tabmail-arrowscrollbox > stack > .scrollbutton-down {
-  margin: 3px 0 0;
+  margin: 0;
   -moz-margin-end: 1px;
   list-style-image: url("chrome://messenger/skin/icons/tab-arrow-left.png");
   -moz-image-region: rect(0, 15px, 17px, 0);
   border-radius: 0;
 }
 
 .tabmail-arrowscrollbox >
   .scrollbutton-up:-moz-system-metric(windows-compositor):not(:-moz-lwtheme),
@@ -295,30 +283,23 @@ tabpanels {
   -moz-margin-end: 0;
 }
 
 .tabmail-arrowscrollbox > .scrollbutton-up[disabled="true"],
 .tabmail-arrowscrollbox > stack > .scrollbutton-down[disabled="true"] {
   opacity: .4;
 }
 
-.tabmail-arrowscrollbox > .scrollbutton-down-stack {
-  margin-top: 0;
-  margin-bottom: 0;
-  height: 22px;
-}
-
 /**
 * All Tabs Button
 */
 
 .tabs-alltabs-button {
-  margin: 3px 0 0;
+  margin-bottom: -1px;
   width: 18px;
-  height: 23px;
   list-style-image: url(chrome://messenger/skin/icons/mainwindow-dropdown-arrow.png);
   -moz-image-region: rect(0, 13px, 11px, 0);
 }
 
 .tabs-alltabs-button:-moz-system-metric(windows-compositor):not(:-moz-lwtheme),
 .tabs-alltabs-button:-moz-lwtheme-brighttext {
   list-style-image: url(chrome://messenger/skin/icons/mainwindow-dropdown-arrow-inverted.png);
 }