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