Bug 1464265 - Apply photon icon fill to close button of webconsole. r=nchevobbe, a=RyanVM
authorMantaroh Yoshinaga <mantaroh@gmail.com>
Fri, 25 May 2018 10:15:28 +0900
changeset 473526 dbd8df4584c4df1bf4858568918d461aad8b1396
parent 473525 923b9033e8d4f8a3ba0624994681d355fe7e3dd0
child 473527 96eeb9f7e318718bbd01ce04ee019931c354fe57
push id1728
push userjlund@mozilla.com
push dateMon, 18 Jun 2018 21:12:27 +0000
treeherdermozilla-release@c296fde26f5f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersnchevobbe, RyanVM
bugs1464265
milestone61.0
Bug 1464265 - Apply photon icon fill to close button of webconsole. r=nchevobbe, a=RyanVM Webconsole has two close buttons. (split console and sidebar) This patch will apply photon icon color fill to these buttons. MozReview-Commit-ID: EWYxQrHFhJ6
devtools/client/themes/webconsole.css
--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -1061,22 +1061,24 @@ html[dir="rtl"] .webconsole-output-wrapp
 
 .webconsole-sidebar-toolbar .sidebar-close-button {
   padding: 4px 0;
   margin: 0;
   margin-inline-end: -3px;
 }
 
 .sidebar-close-button::before {
+  fill: var(--theme-toolbar-photon-icon-color);
   background-image: var(--close-button-image);
 }
 
 .sidebar-contents .object-inspector {
   min-width: 100%;
 }
 
 .theme-twisty {
   cursor: default;
 }
 
 #split-console-close-button::before {
+  fill: var(--theme-toolbar-photon-icon-color);
   background-image: var(--close-button-image);
 }