Bug 1057030 - Make the themes panel footer buttons' background not clash with the panel's arrow. r=jaws a=lmandel
authorDão Gottwald <dao@mozilla.com>
Fri, 26 Sep 2014 20:53:22 +0200
changeset 225489 cc0b58de5f17e98e17183d604f80cd11068da646
parent 225488 3e7f5082d9ec8451c3b2084c904061d4723180b8
child 225490 8811060bf3fef57455aadd0853cec6daa9a1153a
push id3979
push userraliiev@mozilla.com
push dateMon, 13 Oct 2014 16:35:44 +0000
treeherdermozilla-beta@30f2cc610691 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjaws, lmandel
bugs1057030
milestone34.0a2
Bug 1057030 - Make the themes panel footer buttons' background not clash with the panel's arrow. r=jaws a=lmandel
browser/themes/shared/customizableui/customizeMode.inc.css
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -339,35 +339,32 @@ toolbarpaletteitem[place="toolbar"] {
 }
 
 #customization-lwtheme-menu-recommended {
   border-top: 1px solid hsla(210,4%,10%,.05);
   border-bottom: 1px solid hsla(210,4%,10%,.05);
 }
 
 #customization-lwtheme-menu-footer {
+  background: linear-gradient(hsla(210,4%,10%,.05) 60%, hsla(210,4%,10%,0)) border-box;
   border-top: 1px solid hsla(210,4%,10%,.05);
   margin-bottom: -10px;
 }
 
 .customization-lwtheme-menu-footeritem {
   -moz-appearance: none;
   -moz-box-flex: 1;
   color: hsl(0,0%,50%);
-  border: 1px solid transparent;
+  border-style: none;
   padding: 10px;
   margin-left: 0;
   margin-right: 0;
 }
 
 .customization-lwtheme-menu-footeritem:hover {
-  background-color: hsla(210,4%,10%,.15);
+  background: linear-gradient(hsla(210,4%,10%,.08) 40%, hsla(210,4%,10%,0)) padding-box;
 }
 
-#customization-lwtheme-menu-footer:not(:hover) > .customization-lwtheme-menu-footeritem:first-child {
+.customization-lwtheme-menu-footeritem:first-child {
   -moz-border-end: 1px solid hsla(210,4%,10%,.15);
 }
 
-#customization-lwtheme-menu-footer:hover > .customization-lwtheme-menu-footeritem:first-child {
-  -moz-border-end-color: transparent;
-}
-
 %include customizeTip.inc.css