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

Unified Diff: ui/webui/resources/cr_elements/cr_icons_css.html

Issue 2848973003: MD Settings: convert paper-icon-button to paper-icon-button-light. (Closed)
Patch Set: move more icons to classes Created 3 years, 6 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: ui/webui/resources/cr_elements/cr_icons_css.html
diff --git a/ui/webui/resources/cr_elements/cr_icons_css.html b/ui/webui/resources/cr_elements/cr_icons_css.html
new file mode 100644
index 0000000000000000000000000000000000000000..b456168b94bf325a7b2028e84405c9c9db66b1ea
--- /dev/null
+++ b/ui/webui/resources/cr_elements/cr_icons_css.html
@@ -0,0 +1,51 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+
+<!-- Common icon classes for Material Design WebUI -->
+<dom-module id="cr-icons">
+ <template>
+ <style>
+
dschuyler 2017/06/06 18:58:39 nit: no blank line
scottchen 2017/06/06 22:33:12 Done.
+ button[is='paper-icon-button-light'].subpage-arrow,
+ paper-icon-button.subpage-arrow {
+ background-image: url(chrome://resources/images/arrow_right.svg);
+ }
+
+ button[is='paper-icon-button-light'].icon-cancel {
+ background-image: url(chrome://resources/images/icon_cancel.svg);
+ }
+
+ button[is='paper-icon-button-light'].icon-cancel-toolbar {
+ background-image:
+ url(chrome://resources/images/icon_cancel_toolbar.svg);
+ }
+
+ button[is='paper-icon-button-light'].icon-clear {
+ background-image: url(chrome://resources/images/icon_clear.svg);
+ }
+
+ button[is='paper-icon-button-light'].icon-delete {
+ background-image: url(chrome://resources/images/icon_delete.svg);
+ }
+
+ button[is='paper-icon-button-light'].icon-external {
+ background-image: url(chrome://resources/images/open_in_new.svg);
+ }
+
+ button[is='paper-icon-button-light'].icon-more-vert {
+ background-image: url(chrome://resources/images/icon_more_vert.svg);
+ }
+
+ button[is='paper-icon-button-light'].icon-settings {
+ background-image: url(chrome://resources/images/icon_settings.svg);
+ }
+
+ button[is='paper-icon-button-light'].icon-search {
+ background-image: url(chrome://resources/images/icon_search.svg);
+ }
+
+ button[is='paper-icon-button-light'].icon-arrow-dropdown {
+ background-image: url(chrome://resources/images/icon_arrow_dropdown.svg);
+ }
+ </style>
+ </template>
+</dom-module>

Powered by Google App Engine
This is Rietveld 408576698