Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(707)

Unified Diff: third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css

Issue 2740913003: DevTools: [Icons] do not set background-position in every UI.Icon (Closed)
Patch Set: fix suggestbox Created 3 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Icon.js ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css b/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
index 4d16f143d27dbd70169f492ab4e567cddeeae379..55961e0c143d24fad4cb12d4bf3f15c801a99ca4 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
@@ -327,8 +327,13 @@ label[is=dt-icon-label] {
flex-shrink: 0;
}
-.icon-mask {
+[is=ui-icon].icon-mask {
background-color: rgb(110, 110, 110);
+ -webkit-mask-position: var(--spritesheet-position);
+}
+
+[is=ui-icon]:not(.icon-mask) {
+ background-position: var(--spritesheet-position);
}
.spritesheet-smallicons:not(.icon-mask) {
@@ -369,26 +374,20 @@ label[is=dt-icon-label] {
.force-white-icons [is=ui-icon].spritesheet-smallicons, [is=ui-icon].force-white-icons.spritesheet-smallicons {
-webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Images/smallIcons_2x.png) 2x);
-webkit-mask-size: 190px 30px;
- background-image: unset;
- background-size: unset;
- background: unset;
- background-color: white;
+ -webkit-mask-position: var(--spritesheet-position);
+ background: white !important;
}
.force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white-icons.spritesheet-largeicons {
-webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x, url(Images/toolbarButtonGlyphs_2x.png) 2x);
-webkit-mask-size: 352px 168px;
- background-image: unset;
- background-size: unset;
- background: unset;
- background-color: white;
+ -webkit-mask-position: var(--spritesheet-position);
+ background: white !important;
}
.force-white-icons [is=ui-icon].spritesheet-resourceicons, [is=ui-icon].force-white-icons.spritesheet-resourceicons {
-webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(Images/resourceGlyphs_2x.png) 2x);
-webkit-mask-size: 140px 20px;
- background-image: unset;
- background-size: unset;
- background: unset;
- background-color: white;
+ -webkit-mask-position: var(--spritesheet-position);
+ background: white !important;
}
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Icon.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698