Bug 1583634 - Make dropmarker arrows lighter in the protections and identity panels. r=timhuang
authorNihanth Subramanya <nhnt11@gmail.com>
Mon, 30 Sep 2019 08:19:59 +0000
changeset 495612 4874057c0c473d5e9fcffc9b0c4ad5bbe23b1fc5
parent 495611 5ef92c349945032dc2a9a31e3e0aeb8429ba7b21
child 495613 7bb3d1d82a707c70f2f775ab97b872e143a60b27
push id114140
push userdvarga@mozilla.com
push dateWed, 02 Oct 2019 18:04:51 +0000
treeherdermozilla-inbound@32eb0ea893f3 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstimhuang
bugs1583634
milestone71.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 1583634 - Make dropmarker arrows lighter in the protections and identity panels. r=timhuang Differential Revision: https://phabricator.services.mozilla.com/D47442
browser/themes/shared/controlcenter/panel.inc.css
--- a/browser/themes/shared/controlcenter/panel.inc.css
+++ b/browser/themes/shared/controlcenter/panel.inc.css
@@ -187,18 +187,19 @@
   margin: 0;
   padding: 4px 0;
   min-width: auto;
   width: 38px;
   border-style: none;
   -moz-appearance: none;
   background: url("chrome://browser/skin/arrow-left.svg") center no-repeat;
   background-size: 16px, auto;
-  -moz-context-properties: fill;
+  -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
+  fill-opacity: .6;
   color: inherit !important; /* !important overrides :hover and :active:hover colors from button.css on Mac and Linux */
 }
 
 .identity-popup-expander:-moz-locale-dir(ltr) {
   transform: scaleX(-1);
 }
 
 .identity-popup-expander > .button-box {
@@ -499,17 +500,18 @@ description#identity-popup-content-verif
 .protections-popup-category:hover:active,
 .protections-popup-footer-button:hover:active,
 #protections-popup-show-report-stack:hover:active > .protections-popup-footer-button {
   background-color: var(--arrowpanel-dimmed-further);
 }
 
 .protections-popup-category::after {
   content: url(chrome://browser/skin/back-12.svg);
-  -moz-context-properties: fill;
+  -moz-context-properties: fill, fill-opacity;
+  fill-opacity: .6;
   transform: scaleX(-1) translateY(1px);
   float: right;
 }
 
 .protections-popup-category:-moz-locale-dir(rtl)::after {
   transform: scaleX(1) translateY(1px);
 }