| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/polymer/core-icon/core-icon.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/core-icons/core-icons.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/paper-button/paper-button.ht
ml"> |
| 1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> | 4 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/core-icon-button/core-icon-b
utton.html"> | |
| 3 <link rel="import" href="chrome://resources/polymer/paper-button/paper-button.ht
ml"> | |
| 4 | 5 |
| 5 <!-- | 6 <!-- |
| 6 Simple paper- and core-icon- buttons which also triggers 'tap' event on keys | 7 Simple paper- and core-icon- buttons which also triggers 'tap' event on keys |
| 7 'Enter' and 'Space'. | 8 'Enter' and 'Space'. |
| 8 --> | 9 --> |
| 9 <polymer-element name="gaia-paper-button" extends="paper-button" | 10 <polymer-element name="gaia-paper-button" extends="paper-button" |
| 10 on-keydown="onKeyDown" tabindex="0"> | 11 on-keydown="onKeyDown" tabindex="0"> |
| 11 <template> | 12 <template> |
| 12 <shadow></shadow> | 13 <shadow></shadow> |
| 13 </template> | 14 </template> |
| 14 </polymer-element> | 15 </polymer-element> |
| 15 | 16 |
| 16 <polymer-element name="gaia-core-icon-button" extends="core-icon-button" | 17 <!-- |
| 17 on-keydown="onKeyDown" tabindex="0"> | 18 Decorator for a <button>. When applied to a <button>, the button looks like |
| 19 an icon from a material-design icons set. Icon's name should be specified in |
| 20 'icon' attribute. |
| 21 |
| 22 Example: |
| 23 <button is="gaia-icon-button" icon="close"></button> |
| 24 --> |
| 25 <polymer-element name="gaia-icon-button" extends="button" attributes="icon" |
| 26 on-mousedown="{{onMouseDown}}"> |
| 18 <template> | 27 <template> |
| 19 <link rel="stylesheet" href="gaia_core_icon_button.css"> | 28 <link rel="stylesheet" href="gaia_icon_button.css"> |
| 20 <shadow></shadow> | 29 <core-icon icon="{{icon}}" fit></core-icon> |
| 21 </template> | 30 </template> |
| 22 </polymer-element> | 31 </polymer-element> |
| 23 | 32 |
| 24 <!-- | 33 <!-- |
| 25 Paper-button which is raised when it's focused. | 34 Paper-button which is raised when it's focused. |
| 26 It also triggers 'tap' event on keys 'Enter' and 'Space'. | 35 It also triggers 'tap' event on keys 'Enter' and 'Space'. |
| 27 --> | 36 --> |
| 28 <polymer-element name="gaia-raised-on-focus-button" extends="gaia-paper-button" | 37 <polymer-element name="gaia-raised-on-focus-button" extends="gaia-paper-button" |
| 29 on-focus="{{onButtonFocus}}" on-blur="{{onButtonBlur}}"> | 38 on-focus="{{onButtonFocus}}" on-blur="{{onButtonBlur}}"> |
| 30 <template> | 39 <template> |
| 31 <shadow></shadow> | 40 <shadow></shadow> |
| 32 </template> | 41 </template> |
| 33 </polymer-element> | 42 </polymer-element> |
| OLD | NEW |