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

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

Issue 2660893002: DevTools: migrate ResourcesPanel icons over to UI.Icon (Closed)
Patch Set: resourceicon-* into mediumicon-* Created 3 years, 11 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
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 b7b1dc6eb56419b3c6324ff5710bb344d70a6587..d475f15ceb26b977cdeb9e20146cc39a033cb671 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css
@@ -351,6 +351,16 @@ label[is=dt-icon-label] {
-webkit-mask-size: 352px 168px;
}
+.spritesheet-resourceicons:not(.icon-mask) {
+ background-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(Images/resourceGlyphs_2x.png) 2x);
+ background-size: 140px 20px;
+}
+
+.spritesheet-resourceicons.icon-mask {
+ -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(Images/resourceGlyphs_2x.png) 2x);
+ -webkit-mask-size: 140px 20px;
+}
+
.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;
@@ -368,3 +378,12 @@ label[is=dt-icon-label] {
background: unset;
background-color: white;
}
+
+.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;
+}

Powered by Google App Engine
This is Rietveld 408576698