Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-02-16 22:04:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1288963 - Fix inversion of various devtools icons. r=bgrins

Browse Source 
MozReview-Commit-ID: LHBWeczyPpV
This commit is contained in:
Tim Nguyen 2016-07-29 08:37:00 -04:00
parent aa17fe1d72
commit b22be55802
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
devtools/client/shared/components/notification-box.css
View File

@ -86,15 +86,12 @@
background-color: transparent;
background-repeat: no-repeat;
border-radius: 10px;
filter: invert(1);
}
.notificationbox .messageCloseButton:hover {
background-color: gray;
filter: invert(0);
background-color: rgba(170, 170, 170, .2); /* --toolbar-tab-hover */
}
.notificationbox .messageCloseButton:active {
background-color: rgb(102, 102, 102);
filter: invert(0);
background-color: rgba(170, 170, 170, .4); /* --toolbar-tab-hover-active */
}

4
devtools/client/themes/memory.css
View File

@ -212,8 +212,8 @@ html, body, #app, #memory-tool {
min-width: 1.3em;
}
.theme-light .snapshot-list-item.selected .delete {
filter: invert(100%);
.snapshot-list-item.selected .delete::before {
filter: invert(1);
}
.snapshot-list-item .delete::before {

8
devtools/client/themes/shadereditor.css
View File

@ -65,8 +65,12 @@
background-position: 0 0;
}
/* Invert all toggle icons but the one in the active row for light theme */
.theme-light .side-menu-widget-item:not(.selected) .checkbox-check {
.side-menu-widget-item:not(.selected) .checkbox-check {
filter: var(--icon-filter);
}
/* Make sure icon is white when the item is selected */
.side-menu-widget-item.selected .checkbox-check {
filter: invert(1);
}