OLD | NEW |
1 /* | 1 /* |
2 * @license | 2 * @license |
3 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 3 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
4 * This code may only be used under the BSD style license found at http://polyme
r.github.io/LICENSE.txt | 4 * This code may only be used under the BSD style license found at http://polyme
r.github.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/CON
TRIBUTORS.txt | 6 * The complete set of contributors may be found at http://polymer.github.io/CON
TRIBUTORS.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/PA
TENTS.txt | 8 * subject to an additional IP rights grant found at http://polymer.github.io/PA
TENTS.txt |
9 */ | 9 */ |
10 | 10 |
11 :host { | 11 :host { |
| 12 position: relative; |
12 display: inline-block; | 13 display: inline-block; |
13 text-align: inherit; | 14 background-color: #fff; |
14 position: relative; | 15 -moz-user-select: none; |
15 width: 20em; | 16 -ms-user-select: none; |
| 17 -webkit-user-select: none; |
| 18 user-select: none; |
| 19 cursor: pointer; |
| 20 padding: 0.75em 0; |
16 } | 21 } |
17 | 22 |
18 :host:hover { | 23 #control { |
19 cursor: text; | 24 box-sizing: border-box; |
| 25 max-height: 2em; |
| 26 color: #757575; |
| 27 border-bottom: 1px solid #757575; |
20 } | 28 } |
21 | 29 |
22 input, | 30 #control[selected] { |
23 textarea { | 31 color: #000; |
24 font: inherit; | |
25 color: inherit; | |
26 width: 100%; | |
27 margin: 0; | |
28 padding: 0; | |
29 background-color: transparent; | |
30 border: none; | |
31 outline: none; | |
32 width: 100%; | |
33 } | 32 } |
34 | 33 |
35 textarea { | 34 #control > div { |
36 resize: none; | 35 padding: 0.5em 0 0.25em; |
| 36 overflow: hidden; |
| 37 /* FIXME not working for some reason */ |
| 38 white-space: nowrap; |
| 39 text-overflow: ellipsis; |
37 } | 40 } |
38 | 41 |
39 textarea[rows=fit] { | 42 core-icon { |
40 height: 100%; | 43 margin: 0.3em 0 0.2em 0.25em; |
41 } | 44 } |
OLD | NEW |