Bug 1387609 - Use --toolbarbutton-icon-fill-opacity for the tab close button. r=nhnt11
authorDão Gottwald <dao@mozilla.com>
Thu, 21 Sep 2017 15:16:05 +0200
changeset 382433 6a0e5139dc99751856b446860814dea98a8eaa7a
parent 382432 ed02545eb650639f1201bdac7bc6f1894b15a2b8
child 382434 9c0e1bf558e6ae89d69a2875d5afab381643bec9
push id51868
push userdgottwald@mozilla.com
push dateFri, 22 Sep 2017 11:14:14 +0000
treeherderautoland@6a0e5139dc99 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersnhnt11
bugs1387609
milestone58.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 1387609 - Use --toolbarbutton-icon-fill-opacity for the tab close button. r=nhnt11 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>