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/cr_elements/icons.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
3 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> | 3 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
4 <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 | 5 |
6 <dom-module id="cr-expand-button"> | 6 <dom-module id="cr-expand-button"> |
7 <template> | 7 <template> |
8 <style include="cr-shared-style"> | 8 <style include="cr-shared-style"> |
9 :host { | 9 :host { |
10 display: inline-block; | 10 display: inline-block; |
11 } | 11 } |
12 | 12 |
13 :host([disabled]) { | 13 :host([disabled]) { |
14 pointer-events: none; | 14 pointer-events: none; |
15 } | 15 } |
16 | 16 |
17 paper-icon-button { | 17 paper-icon-button { |
18 @apply(--cr-icon-size); | 18 @apply(--cr-paper-icon-button-margin); |
19 padding: 0; | |
20 } | 19 } |
21 </style> | 20 </style> |
22 <content></content> | 21 <content></content> |
23 <paper-icon-button toggles active="{{expanded}}" disabled="[[disabled]]" | 22 <paper-icon-button toggles active="{{expanded}}" disabled="[[disabled]]" |
24 icon="[[iconName_(expanded)]]" alt="[[alt]]" | 23 icon="[[iconName_(expanded)]]" alt="[[alt]]" |
25 aria-active-attribute="aria-expanded" | 24 aria-active-attribute="aria-expanded" |
26 on-tap="stopTap_"> | 25 on-tap="stopTap_"> |
27 </paper-icon-button> | 26 </paper-icon-button> |
28 </template> | 27 </template> |
29 <script src="cr_expand_button.js"></script> | 28 <script src="cr_expand_button.js"></script> |
30 </dom-module> | 29 </dom-module> |
OLD | NEW |