Bug 1387609 - Use --toolbarbutton-icon-fill-opacity for the tab close button. r=nhnt11, a=sledru
authorDão Gottwald <dao@mozilla.com>
Thu, 21 Sep 2017 15:16:05 +0200
changeset 431825 ae054da94c28841293d131354ee937bdf651c6d9
parent 431824 b9fd8bc899fac076254d80161f025cad198a6595
child 431826 b18dcb98aa98f90d8cbabf8f54db9804f3bca2f2
push id7820
push userryanvm@gmail.com
push dateMon, 25 Sep 2017 13:42:55 +0000
treeherdermozilla-beta@8158695b90e4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersnhnt11, sledru
bugs1387609
milestone57.0
Bug 1387609 - Use --toolbarbutton-icon-fill-opacity for the tab close button. r=nhnt11, a=sledru MozReview-Commit-ID: GGyh4KkPZYp
browser/themes/shared/tabs.inc.css
toolkit/themes/shared/icons/close.svg
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -299,16 +299,18 @@ tabbrowser {
 .tab-label {
   margin-inline-end: 0;
   margin-inline-start: 0;
 }
 
 .tab-close-button {
   margin-inline-end: -2px;
   padding: 0;
+  -moz-context-properties: fill, fill-opacity, stroke-opacity;
+  stroke-opacity: var(--toolbarbutton-icon-fill-opacity);
 }
 
 :root[uidensity=touch] .tab-close-button {
   margin-inline-end: -@horizontalTabPadding@;
   padding: 10px calc(@horizontalTabPadding@ - 2px);
 }
 
 .tab-icon-sound {
--- a/toolkit/themes/shared/icons/close.svg
+++ b/toolkit/themes/shared/icons/close.svg
@@ -1,7 +1,7 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
   <path fill="context-fill" fill-opacity="context-fill-opacity" d="M0 0h20v20H0z"/>
-  <path fill="context-fill" d="M11.06 10l3.47-3.47a.75.75 0 0 0-1.06-1.06L10 8.94 6.53 5.47a.75.75 0 1 0-1.06 1.06L8.94 10l-3.47 3.47a.75.75 0 1 0 1.06 1.06L10 11.06l3.47 3.47a.75.75 0 0 0 1.06-1.06z"/>
+  <path fill="context-fill" fill-opacity="context-stroke-opacity" d="M11.06 10l3.47-3.47a.75.75 0 0 0-1.06-1.06L10 8.94 6.53 5.47a.75.75 0 1 0-1.06 1.06L8.94 10l-3.47 3.47a.75.75 0 1 0 1.06 1.06L10 11.06l3.47 3.47a.75.75 0 0 0 1.06-1.06z"/>
 </svg>