OLD | NEW |
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> |
OLD | NEW |