OLD | NEW |
1 <!-- | 1 <!-- |
2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 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 <import src="sky-element.sky" /> | 6 <import src="sky-element.sky" /> |
7 | 7 |
8 <sky-element name="sky-input" attributes="value:string"> | 8 <sky-element name="sky-input" attributes="value:string"> |
9 <template> | 9 <template> |
10 <style> | 10 <style> |
11 :host { | 11 :host { |
12 display: flex; | 12 display: flex; |
| 13 flex-direction: row; |
13 } | 14 } |
14 #control { | 15 #control { |
15 margin: 8px; | 16 margin: 8px; |
16 padding: 8px; | 17 padding: 8px; |
17 border-bottom: 1px solid #E7E7E7; | 18 border-bottom: 1px solid #E7E7E7; |
18 flex: 1; | 19 flex: 1; |
19 align-self: center; | 20 align-self: center; |
20 height: 1.2em; | 21 height: 1.2em; |
21 white-space: nowrap; | 22 white-space: nowrap; |
22 overflow: hidden; | 23 overflow: hidden; |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
69 void _handleBlur(_) { | 70 void _handleBlur(_) { |
70 if (_control) | 71 if (_control) |
71 _control.removeAttribute('class'); | 72 _control.removeAttribute('class'); |
72 // TODO(abarth): Hide the keyboard. | 73 // TODO(abarth): Hide the keyboard. |
73 } | 74 } |
74 } | 75 } |
75 | 76 |
76 _init(script) => register(script, SkyInput); | 77 _init(script) => register(script, SkyInput); |
77 </script> | 78 </script> |
78 </sky-element> | 79 </sky-element> |
OLD | NEW |