Bug 1469404 - Remove gradient from findbar button styling. r=jaws
authorTim Nguyen <ntim.bugs@gmail.com>
Tue, 19 Jun 2018 13:51:04 +0100
changeset 479684 135bf31e39c7fc349e0c6ef1b9181aa386c32eda
parent 479683 3f6f6020896579a4a2f8201638741ebd10d263b0
child 479685 855360a8022769672528a24501c1902235d76021
push id1757
push userffxbld-merge
push dateFri, 24 Aug 2018 17:02:43 +0000
treeherdermozilla-release@736023aebdb1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjaws
bugs1469404
milestone62.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 1469404 - Remove gradient from findbar button styling. r=jaws MozReview-Commit-ID: 9bU2fj8bgIh
toolkit/themes/shared/findBar.inc.css
--- a/toolkit/themes/shared/findBar.inc.css
+++ b/toolkit/themes/shared/findBar.inc.css
@@ -86,26 +86,30 @@ findbar[noanim] {
 .findbar-textbox.minimal {
   border-radius: 2px;
 }
 
 .findbar-find-previous,
 .findbar-find-next {
   margin-inline-start: 0;
   -moz-appearance: none;
-  background: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.1));
-  background-clip: padding-box;
+  background: rgba(255,255,255,.2);
   border: 1px solid ThreeDShadow;
   padding: 2px 5px;
   line-height: 1em;
   -moz-context-properties: fill;
   fill: currentColor;
   color: inherit;
 }
 
+.findbar-find-previous:not([disabled]):hover,
+.findbar-find-next:not([disabled]):hover {
+  background: rgba(190,190,190,.2);
+}
+
 .findbar-find-previous:not([disabled]):hover:active,
 .findbar-find-next:not([disabled]):hover:active {
   background: rgba(23,50,76,.2);
   box-shadow: 0 1px 2px rgba(10,31,51,.2) inset;
 }
 
 .findbar-find-previous {
   list-style-image: url(chrome://global/skin/icons/find-previous-arrow.svg);