OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 /* TODO(dzhioev): support RTL. http://crbug.com/423354 */ | 6 /* TODO(dzhioev): support RTL. http://crbug.com/423354 */ |
7 | 7 |
8 :host { | 8 :host { |
9 display: block; | 9 display: block; |
10 overflow: auto; | 10 overflow: auto; |
11 } | 11 } |
12 | 12 |
13 core-selector { | 13 core-selector { |
14 display: block; | 14 display: block; |
15 } | 15 } |
16 | 16 |
17 :host([connecting]) { | 17 :host([connecting]) { |
18 pointer-events: none; | 18 pointer-events: none; |
19 } | 19 } |
20 | 20 |
21 core-item { | 21 paper-icon-item { |
22 padding-bottom: 22px; | 22 padding-bottom: 18px; |
23 padding-top: 22px; | 23 padding-top: 18px; |
24 } | |
25 | |
26 /* [icon] is needed to increase specificity. */ | |
27 core-item core-icon[icon] { | |
28 height: 40px; | |
29 margin-right: 1em; | |
30 width: 40px; | |
31 } | 24 } |
32 | 25 |
33 /* Items separator. */ | 26 /* Items separator. */ |
34 core-item:not(:last-child)::after { | 27 paper-icon-item:not(:last-of-type)::after { |
35 background-color: rgba(0, 0, 0, 0.1); | 28 background-color: rgba(0, 0, 0, 0.1); |
36 bottom: 0; | 29 bottom: 0; |
37 content: ''; | 30 content: ''; |
38 display: block; | 31 display: block; |
39 height: 1px; | 32 height: 1px; |
40 left: calc(40px + 1em); | 33 left: calc(40px + 1em); |
41 position: absolute; | 34 position: absolute; |
42 right: 0; | 35 right: 0; |
43 } | 36 } |
44 | 37 |
| 38 iron-icon { |
| 39 height: 40px; |
| 40 margin-right: 1em; |
| 41 width: 40px; |
| 42 } |
| 43 |
45 .throbber { | 44 .throbber { |
46 display: none; | 45 display: none; |
47 } | 46 } |
48 | 47 |
49 :host([connecting]) core-item.core-selected .throbber { | 48 .iron-selected { |
| 49 font-weight: bold; |
| 50 } |
| 51 |
| 52 :host([connecting]) .iron-selected .throbber { |
50 background: url(chrome://resources/images/throbber.svg) no-repeat; | 53 background: url(chrome://resources/images/throbber.svg) no-repeat; |
51 background-size: cover; | 54 background-size: cover; |
52 display: inline-block; | 55 display: inline-block; |
53 height: 25px; | 56 height: 25px; |
54 margin-right: 10px; | 57 margin-right: 10px; |
55 width: 25px; | 58 width: 25px; |
56 } | 59 } |
57 | 60 |
OLD | NEW |