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 105140 529608d3f3ff2112b2e89456aa3a056950097c71
parent 105139 eb81ebe55d99f1fa778a20495851ae8373f21f70
child 105141 fa9bc5be6d9b92563811e4d3b89a96cc64fab50d
push id55
push usershu@rfrn.org
push dateThu, 30 Aug 2012 01:33:09 +0000
reviewersfryn
bugs771284
milestone17.0a1
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;
 }