Bug 728553 - Better styling for checked QFB button on mail-toolbox under OS X. r+ui-review=andreasn,a=Standard8
--- a/mail/themes/pinstripe/mail/quickFilterBar.css
+++ b/mail/themes/pinstripe/mail/quickFilterBar.css
@@ -60,16 +60,30 @@ toolbar[iconsize="large"] #qfb-show-filt
margin: 0 2px;
padding: 3px 1px;
}
toolbox[labelalign="end"] #qfb-show-filter-bar {
-moz-box-orient: horizontal;
}
+#mail-toolbox #qfb-show-filter-bar[checked="true"] {
+ color: white !important;
+ margin-top: 2px;
+ margin-bottom: 1px;
+ padding-top: 1px;
+ padding-bottom: 2px;
+ background-color: rgba(0, 0, 0, 0.2);
+ border-color: transparent;
+ border-radius: 4px;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.4) inset, 1px 0 rgba(0, 0, 0, 0.3) inset,
+ 0 1px rgba(255, 255, 255, 0.5);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.4) !important;
+}
+
/* :::: Filter Bar :::: */
#quick-filter-bar {
height: 25px;
}
#quick-filter-bar-main-bar {
background: -moz-linear-gradient(top, #eaeaea, #d1d1d1);