| 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 |