| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --><html><head><link rel="import" href="../polymer/polymer.html"> | 9 --><html><head><link rel="import" href="../polymer/polymer.html"> |
| 10 <link rel="import" href="../iron-icon/iron-icon.html"> | 10 <link rel="import" href="../iron-icon/iron-icon.html"> |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 67 --> | 67 --> |
| 68 | 68 |
| 69 </head><body><dom-module id="paper-icon-button"> | 69 </head><body><dom-module id="paper-icon-button"> |
| 70 <template strip-whitespace=""> | 70 <template strip-whitespace=""> |
| 71 <style> | 71 <style> |
| 72 :host { | 72 :host { |
| 73 display: inline-block; | 73 display: inline-block; |
| 74 position: relative; | 74 position: relative; |
| 75 padding: 8px; | 75 padding: 8px; |
| 76 outline: none; | 76 outline: none; |
| 77 -webkit-tap-highlight-color: rgba(0,0,0,0); |
| 77 -webkit-user-select: none; | 78 -webkit-user-select: none; |
| 78 -moz-user-select: none; | 79 -moz-user-select: none; |
| 79 -ms-user-select: none; | 80 -ms-user-select: none; |
| 80 user-select: none; | 81 user-select: none; |
| 81 cursor: pointer; | 82 cursor: pointer; |
| 82 z-index: 0; | 83 z-index: 0; |
| 83 line-height: 1; | 84 line-height: 1; |
| 84 | 85 |
| 85 width: 40px; | 86 width: 40px; |
| 86 height: 40px; | 87 height: 40px; |
| 87 | 88 |
| 88 /* NOTE: Both values are needed, since some phones require the value to
be `transparent`. */ | |
| 89 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| 90 -webkit-tap-highlight-color: transparent; | |
| 91 | |
| 92 /* Because of polymer/2558, this style has lower specificity than * */ | 89 /* Because of polymer/2558, this style has lower specificity than * */ |
| 93 box-sizing: border-box !important; | 90 box-sizing: border-box !important; |
| 94 | 91 |
| 95 @apply(--paper-icon-button); | 92 @apply(--paper-icon-button); |
| 96 } | 93 } |
| 97 | 94 |
| 98 :host #ink { | 95 :host #ink { |
| 99 color: var(--paper-icon-button-ink-color, --primary-text-color); | 96 color: var(--paper-icon-button-ink-color, --primary-text-color); |
| 100 opacity: 0.6; | 97 opacity: 0.6; |
| 101 } | 98 } |
| (...skipping 14 matching lines...) Expand all Loading... |
| 116 --iron-icon-width: 100%; | 113 --iron-icon-width: 100%; |
| 117 --iron-icon-height: 100%; | 114 --iron-icon-height: 100%; |
| 118 } | 115 } |
| 119 </style> | 116 </style> |
| 120 | 117 |
| 121 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico
n> | 118 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico
n> |
| 122 </template> | 119 </template> |
| 123 | 120 |
| 124 </dom-module> | 121 </dom-module> |
| 125 <script src="paper-icon-button-extracted.js"></script></body></html> | 122 <script src="paper-icon-button-extracted.js"></script></body></html> |
| OLD | NEW |