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

Unified Diff: chrome/browser/resources/about_memory.css

Issue 1228163005: Update some webui question mark icons to SVG. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: git add Created 5 years, 5 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 | « chrome/browser/browser_resources.grd ('k') | chrome/browser/resources/about_memory.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/about_memory.css
diff --git a/chrome/browser/resources/about_memory.css b/chrome/browser/resources/about_memory.css
index 688c7e62b41c81204f19e55001e314e874e91c28..5bb2535efc2fbb7674bbff06b1ca11b7a13795a2 100644
--- a/chrome/browser/resources/about_memory.css
+++ b/chrome/browser/resources/about_memory.css
@@ -50,17 +50,29 @@ div#header {
color: white;
margin-bottom: 0.75em;
overflow: hidden;
- padding: 0.6em 1em 0.75em 0;
+ padding: 0.5em 0;
position: relative;
text-shadow: 0 0 2px black;
}
div#header h1 {
- background: url(chrome://resources/images/gear.png) 12px 60% no-repeat;
color: white;
display: inline;
- margin: 0;
- padding-left: 37px;
+}
+
+div#header h1::before {
+ /* grit doesn't flatten -webkit-mask, so define the properties separately
+ * for now. */
+ -webkit-mask-image: url(../../../ui/webui/resources/images/settings.svg);
+ -webkit-mask-position: center;
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: 24px;
+ background-color: white;
+ content: '';
+ display: inline-block;
+ height: 20px;
+ vertical-align: middle;
+ width: 37px;
}
div#header p {
@@ -258,12 +270,14 @@ table.list#browserComparison .name {
}
div.help {
- background: url(chrome://resources/images/help.png) center bottom no-repeat;
+ -webkit-mask-box-image: url(../../../ui/webui/resources/images/help.svg);
+ background-color: rgb(66, 133, 244);
display: inline-block;
- height: 14px;
- margin: -1px 0;
+ height: 16px;
+ margin: -1px 0 0 0;
opacity: 0.33;
- width: 14px;
+ vertical-align: bottom;
+ width: 16px;
}
div.help:hover {
« no previous file with comments | « chrome/browser/browser_resources.grd ('k') | chrome/browser/resources/about_memory.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698