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

Side by Side Diff: chrome/browser/resources/settings/settings_page/settings_subpage.html

Issue 1959163002: MD Settings: use custom iconset (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@SettingsIcons
Patch Set: rebase Created 4 years, 7 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 unified diff | Download patch
OLDNEW
1 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h tml">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-resizable-behavior /iron-resizable-behavior.html"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-resizable-behavior /iron-resizable-behavior.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani matable-behavior.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani matable-behavior.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
5 <link rel="import" href="chrome://md-settings/icons.html">
6 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> 6 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
7 7
8 <dom-module id="settings-subpage"> 8 <dom-module id="settings-subpage">
9 <template> 9 <template>
10 <style include="settings-shared"> 10 <style include="settings-shared">
11 :host { 11 :host {
12 display: block; 12 display: block;
13 } 13 }
14 14
15 .settings-box.first { 15 .settings-box.first {
16 padding-bottom: 16px; 16 padding-bottom: 16px;
17 padding-top: 8px; 17 padding-top: 8px;
18 } 18 }
19 19
20 paper-icon-button { 20 paper-icon-button {
21 /* The inner icon is 20px in size. paper-icon-button has 8px padding. */ 21 /* The inner icon is 20px in size. paper-icon-button has 8px padding. */
22 height: 36px; 22 height: 36px;
23 /* Centers the ripple on the icon with appropriate margin on right. */ 23 /* Centers the ripple on the icon with appropriate margin on right. */
24 margin: 0 12px 0 -8px; 24 margin: 0 12px 0 -8px;
25 width: 36px; 25 width: 36px;
26 } 26 }
27 27
28 h2 { 28 h2 {
29 color: var(--settings-nav-grey); 29 color: var(--settings-nav-grey);
30 font-size: 107.6923%; /* go to 14px from 13px */ 30 font-size: 107.6923%; /* go to 14px from 13px */
31 } 31 }
32 </style> 32 </style>
33 <div class="settings-box first"> 33 <div class="settings-box first">
34 <paper-icon-button icon="arrow-back" on-tap="onTapBack_"> 34 <paper-icon-button icon="settings:arrow-back" on-tap="onTapBack_">
35 </paper-icon-button> 35 </paper-icon-button>
36 <h2>[[pageTitle]]</h2> 36 <h2>[[pageTitle]]</h2>
37 </div> 37 </div>
38 <content></content> 38 <content></content>
39 </template> 39 </template>
40 <script src="settings_subpage.js"></script> 40 <script src="settings_subpage.js"></script>
41 </dom-module> 41 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698