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 --> | 9 --> |
10 | 10 |
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
69 --> | 69 --> |
70 | 70 |
71 <dom-module id="paper-icon-button"> | 71 <dom-module id="paper-icon-button"> |
72 <template strip-whitespace> | 72 <template strip-whitespace> |
73 <style> | 73 <style> |
74 :host { | 74 :host { |
75 display: inline-block; | 75 display: inline-block; |
76 position: relative; | 76 position: relative; |
77 padding: 8px; | 77 padding: 8px; |
78 outline: none; | 78 outline: none; |
79 -webkit-tap-highlight-color: rgba(0,0,0,0); | |
80 -webkit-user-select: none; | 79 -webkit-user-select: none; |
81 -moz-user-select: none; | 80 -moz-user-select: none; |
82 -ms-user-select: none; | 81 -ms-user-select: none; |
83 user-select: none; | 82 user-select: none; |
84 cursor: pointer; | 83 cursor: pointer; |
85 z-index: 0; | 84 z-index: 0; |
86 line-height: 1; | 85 line-height: 1; |
87 | 86 |
88 width: 40px; | 87 width: 40px; |
89 height: 40px; | 88 height: 40px; |
90 | 89 |
| 90 /* NOTE: Both values are needed, since some phones require the value to
be `transparent`. */ |
| 91 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| 92 -webkit-tap-highlight-color: transparent; |
| 93 |
91 /* Because of polymer/2558, this style has lower specificity than * */ | 94 /* Because of polymer/2558, this style has lower specificity than * */ |
92 box-sizing: border-box !important; | 95 box-sizing: border-box !important; |
93 | 96 |
94 @apply(--paper-icon-button); | 97 @apply(--paper-icon-button); |
95 } | 98 } |
96 | 99 |
97 :host #ink { | 100 :host #ink { |
98 color: var(--paper-icon-button-ink-color, --primary-text-color); | 101 color: var(--paper-icon-button-ink-color, --primary-text-color); |
99 opacity: 0.6; | 102 opacity: 0.6; |
100 } | 103 } |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
164 var label = this.getAttribute('aria-label'); | 167 var label = this.getAttribute('aria-label'); |
165 | 168 |
166 // Don't stomp over a user-set aria-label. | 169 // Don't stomp over a user-set aria-label. |
167 if (!label || oldValue == label) { | 170 if (!label || oldValue == label) { |
168 this.setAttribute('aria-label', newValue); | 171 this.setAttribute('aria-label', newValue); |
169 } | 172 } |
170 } | 173 } |
171 }); | 174 }); |
172 </script> | 175 </script> |
173 </dom-module> | 176 </dom-module> |
OLD | NEW |