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 :host { |
| 7 display: block; |
| 8 overflow: auto; |
| 9 } |
| 10 |
| 11 core-selector { |
| 12 display: block; |
| 13 } |
| 14 |
| 15 :host([connecting]) { |
| 16 pointer-events: none; |
| 17 } |
| 18 |
| 19 core-item { |
| 20 padding-bottom: 22px; |
| 21 padding-top: 22px; |
| 22 } |
| 23 |
| 24 /* [icon] is needed to increase specificity. */ |
| 25 core-item core-icon[icon] { |
| 26 height: 40px; |
| 27 margin-right: 1em; |
| 28 width: 40px; |
| 29 } |
| 30 |
| 31 /* Items separator. */ |
| 32 core-item:not(:last-child)::after { |
| 33 background-color: rgba(0, 0, 0, 0.1); |
| 34 bottom: 0; |
| 35 content: ''; |
| 36 display: block; |
| 37 height: 1px; |
| 38 left: calc(40px + 1em); |
| 39 position: absolute; |
| 40 right: 0; |
| 41 } |
| 42 |
| 43 .throbber { |
| 44 display: none; |
| 45 } |
| 46 |
| 47 :host([connecting]) core-item.core-selected .throbber { |
| 48 background: url('chrome://resources/images/throbber.svg') no-repeat; |
| 49 background-size: cover; |
| 50 display: inline-block; |
| 51 height: 25px; |
| 52 margin-right: 10px; |
| 53 width: 25px; |
| 54 } |
| 55 |
OLD | NEW |