OLD | NEW |
(Empty) | |
| 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 |
| 3 * found in the LICENSE file. |
| 4 */ |
| 5 |
| 6 /* TODO(dzhioev): support RTL. http://crbug.com/423354 */ |
| 7 |
| 8 :host { |
| 9 display: block; |
| 10 overflow: auto; |
| 11 } |
| 12 |
| 13 core-selector { |
| 14 display: block; |
| 15 } |
| 16 |
| 17 :host([connecting]) { |
| 18 pointer-events: none; |
| 19 } |
| 20 |
| 21 core-item { |
| 22 padding-bottom: 22px; |
| 23 padding-top: 22px; |
| 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 } |
| 32 |
| 33 /* Items separator. */ |
| 34 core-item:not(:last-child)::after { |
| 35 background-color: rgba(0, 0, 0, 0.1); |
| 36 bottom: 0; |
| 37 content: ''; |
| 38 display: block; |
| 39 height: 1px; |
| 40 left: calc(40px + 1em); |
| 41 position: absolute; |
| 42 right: 0; |
| 43 } |
| 44 |
| 45 .throbber { |
| 46 display: none; |
| 47 } |
| 48 |
| 49 :host([connecting]) core-item.core-selected .throbber { |
| 50 background: url('chrome://resources/images/throbber.svg') no-repeat; |
| 51 background-size: cover; |
| 52 display: inline-block; |
| 53 height: 25px; |
| 54 margin-right: 10px; |
| 55 width: 25px; |
| 56 } |
| 57 |
OLD | NEW |