Bug 771284 - Better fix for expander icon padding and unprefix -moz-linear-gradients. r=fryn
authorChris Lee <chlee@mozilla.com>
Wed, 22 Aug 2012 17:14:04 -0700
changeset 103107 529608d3f3ff2112b2e89456aa3a056950097c71
parent 103106 eb81ebe55d99f1fa778a20495851ae8373f21f70
child 103108 fa9bc5be6d9b92563811e4d3b89a96cc64fab50d
push id23326
push useremorley@mozilla.com
push dateThu, 23 Aug 2012 10:36:26 +0000
treeherdermozilla-central@198ca6edd0ae [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersfryn
bugs771284
milestone17.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 771284 - Better fix for expander icon padding and unprefix -moz-linear-gradients. r=fryn
browser/themes/pinstripe/browser.css
toolkit/themes/pinstripe/global/notification.css
--- a/browser/themes/pinstripe/browser.css
+++ b/browser/themes/pinstripe/browser.css
@@ -1335,17 +1335,17 @@ window[tabsontop="false"] richlistitem[t
   margin-bottom: 0;
 }
 
 /**** Input elements ****/
 
 #editBMPanel_rows > row > textbox,
 #editBMPanel_rows > row > hbox > textbox {
   -moz-appearance: none;
-  background: -moz-linear-gradient(#fafafa, #fff);
+  background: linear-gradient(#fafafa, #fff);
   background-clip: padding-box;
   border-radius: 3px;
   border: 1px solid rgba(0,0,0,.3) !important;
   box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05),
               0 1px rgba(255,255,255,.3);
   margin: 0;
   padding: 3px 6px;
 }
@@ -1389,17 +1389,17 @@ window[tabsontop="false"] richlistitem[t
 }
 
 /* The following elements come from editBookmarkOverlay.xul. Styling that's
    specific to the editBookmarkPanel should be in browser.css. Styling that
    should be shared by all editBookmarkOverlay.xul consumers should be in
    editBookmarkOverlay.css. */
 
 #editBMPanel_newFolderBox {
-  background: -moz-linear-gradient(#fff, #f2f2f2);
+  background: linear-gradient(#fff, #f2f2f2);
   background-origin: padding-box;
   background-clip: padding-box;
   border-radius: 0 0 3px 3px;
   border: 1px solid #a5a5a5;
   box-shadow: inset 0 1px rgba(255,255,255,.8),
               inset 0 0 1px rgba(255,255, 255,.25),
               0 1px rgba(255,255,255,.3);
   margin: 0;
@@ -1417,17 +1417,17 @@ window[tabsontop="false"] richlistitem[t
   min-height: 20px;
   height:  20px;
   color: #fff;
   list-style-image: url("chrome://browser/skin/panel-plus-sign.png");
   position: relative;
 }
 
 #editBMPanel_newFolderButton:hover:active {
-  background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9));
+  background: linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9));
   box-shadow: inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 7px rgba(0,0,0,.4);
 }
 
 #editBMPanel_newFolderButton:-moz-focusring {
   @hudButtonFocused@
 }
 
 #editBMPanel_newFolderButton .button-text {
@@ -1469,17 +1469,17 @@ window[tabsontop="false"] richlistitem[t
   list-style-image: url("chrome://global/skin/icons/panel-dropmarker.png");
 }
 
 /**** folder tree and tag selector ****/
 
 #editBMPanel_folderTree,
 #editBMPanel_tagsSelector {
   -moz-appearance: none;
-  background: -moz-linear-gradient(#fafafa, #fff);
+  background: linear-gradient(#fafafa, #fff);
   background-clip: padding-box;
   border-radius: 3px;
   border: 1px solid rgba(0,0,0,.3);
   box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05),
               0 1px rgba(255,255,255,.3);
   margin: 0;
 }
 
@@ -1501,18 +1501,17 @@ window[tabsontop="false"] richlistitem[t
 
 /**** expanders ****/
 
 #editBookmarkPanel .expander-up,
 #editBookmarkPanel .expander-down {
   @hudButton@
   margin: 0;
   -moz-margin-start: 4px;
-  -moz-padding-end: 2px;
-  min-width: 10px;
+  min-width: 27px;
   min-height: 22px;
 }
 
 #editBookmarkPanel .expander-up:-moz-focusring,
 #editBookmarkPanel .expander-down:-moz-focusring {
   @hudButtonFocused@
 }
 
@@ -1524,16 +1523,26 @@ window[tabsontop="false"] richlistitem[t
 #editBookmarkPanel .expander-up {
   list-style-image: url("chrome://browser/skin/panel-expander-open.png");
 }
 
 #editBookmarkPanel .expander-down {
   list-style-image: url("chrome://browser/skin/panel-expander-closed.png");
 }
 
+#editBookmarkPanel .expander-up .button-icon,
+#editBookmarkPanel .expander-down .button-icon {
+  margin: 1px 0 0;
+}
+
+#editBookmarkPanel .expander-up .button-text,
+#editBookmarkPanel .expander-down .button-text {
+  display: none;
+}
+
 #editBMPanel_tagsField > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
   color: #bbb;
 }
 
 .editBMPanel_rowLabel {
   text-align: end;
 }
 
--- a/toolkit/themes/pinstripe/global/notification.css
+++ b/toolkit/themes/pinstripe/global/notification.css
@@ -110,17 +110,17 @@ notification[type="critical"] {
 
 .popup-notification-menubutton:not([type="menu-button"]),
 .popup-notification-menubutton > .button-menubutton-button,
 .popup-notification-menubutton > .button-menubutton-dropmarker {
   -moz-appearance: none;
   color: #434343;
   border-radius: 4px;
   border: 1px solid #b5b5b5;
-  background: -moz-linear-gradient(#fff, #f2f2f2);
+  background: linear-gradient(#fff, #f2f2f2);
   box-shadow: inset 0 1px rgba(255,255,255,.8),
               inset 0 0 1px rgba(255,255,255,.25),
               0 1px rgba(255,255,255,.3);
   background-clip: padding-box;
   background-origin: padding-box;
   padding: 2px 6px;
 }