| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 -- Copyright 2013 The Chromium Authors. All rights reserved. | 2 -- Copyright 2013 The Chromium Authors. All rights reserved. |
| 3 -- Use of this source code is governed by a BSD-style license that can be | 3 -- Use of this source code is governed by a BSD-style license that can be |
| 4 -- found in the LICENSE file. | 4 -- found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 | 6 |
| 7 <polymer-element name="kb-key" extends="kb-key-base" | 7 <polymer-element name="kb-key" extends="kb-key-base" |
| 8 attributes="image imageSize keyCode keyName shiftModifier weight"> | 8 attributes="image imageSize keyCode keyName shiftModifier weight"> |
| 9 <template> | 9 <template> |
| 10 <style> | 10 <style> |
| (...skipping 23 matching lines...) Expand all Loading... |
| 34 left: 0; | 34 left: 0; |
| 35 margin: auto; | 35 margin: auto; |
| 36 padding-left: 0.7em; | 36 padding-left: 0.7em; |
| 37 padding-right: 0.7em; | 37 padding-right: 0.7em; |
| 38 position: absolute; | 38 position: absolute; |
| 39 right: 0; | 39 right: 0; |
| 40 top: 0; | 40 top: 0; |
| 41 } | 41 } |
| 42 | 42 |
| 43 ::part(hint) { | 43 ::part(hint) { |
| 44 color: #7c7c7c; | 44 color: #313131; |
| 45 font-size: 70%; | 45 font-size: 70%; |
| 46 position: absolute; | 46 position: absolute; |
| 47 right: 7%; | 47 right: 7%; |
| 48 top: 5%; | 48 top: 5%; |
| 49 } | 49 } |
| 50 | 50 |
| 51 :host[invert] ::part(key) { | 51 :host[invert] ::part(key) { |
| 52 color: #7c7c7c; | 52 color: #313131; |
| 53 } | 53 } |
| 54 | 54 |
| 55 :host[invert] ::part(hint) { | 55 :host[invert] ::part(hint) { |
| 56 color: #ffffff; | 56 color: #ffffff; |
| 57 } | 57 } |
| 58 </style> | 58 </style> |
| 59 <div id="key" part="key"> | 59 <div id="key" part="key"> |
| 60 <content></content> | 60 <content></content> |
| 61 </div> | 61 </div> |
| 62 <div part="hint">{{hintText}}</div> | 62 <div part="hint">{{hintText}}</div> |
| (...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 199 up: function(event) { | 199 up: function(event) { |
| 200 if (this.longPressTimer) { | 200 if (this.longPressTimer) { |
| 201 clearTimeout(this.longPressTimer); | 201 clearTimeout(this.longPressTimer); |
| 202 hideKeyboard(); | 202 hideKeyboard(); |
| 203 this.longPressTimer = undefined; | 203 this.longPressTimer = undefined; |
| 204 } | 204 } |
| 205 } | 205 } |
| 206 }); | 206 }); |
| 207 </script> | 207 </script> |
| 208 </polymer-element> | 208 </polymer-element> |
| OLD | NEW |