| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 .destination-list-item { | 5 .destination-list-item { |
| 6 -webkit-padding-end: 2px; | 6 -webkit-padding-end: 2px; |
| 7 -webkit-padding-start: 18px; | 7 -webkit-padding-start: 18px; |
| 8 cursor: default; | 8 cursor: default; |
| 9 padding-bottom: 3px; | 9 padding-bottom: 3px; |
| 10 padding-top: 3px; | 10 padding-top: 3px; |
| 11 } | 11 } |
| 12 | 12 |
| 13 :not(.moving).destination-list-item { | 13 :not(.moving).destination-list-item { |
| 14 -webkit-transition: background-color 150ms; | 14 transition: background-color 150ms; |
| 15 } | 15 } |
| 16 | 16 |
| 17 .destination-list-item:hover, | 17 .destination-list-item:hover, |
| 18 .destination-list-item:focus { | 18 .destination-list-item:focus { |
| 19 background-color: rgb(228, 236, 247); | 19 background-color: rgb(228, 236, 247); |
| 20 } | 20 } |
| 21 | 21 |
| 22 .destination-list-item:focus { | 22 .destination-list-item:focus { |
| 23 outline: none; | 23 outline: none; |
| 24 } | 24 } |
| 25 | 25 |
| 26 .destination-list-item.stale { | 26 .destination-list-item.stale { |
| 27 opacity: 0.4; | 27 opacity: 0.4; |
| 28 } | 28 } |
| 29 | 29 |
| 30 .destination-list-item-content { | 30 .destination-list-item-content { |
| 31 display: flex; | 31 display: flex; |
| 32 } | 32 } |
| 33 | 33 |
| 34 .destination-list-item-icon { | 34 .destination-list-item-icon { |
| 35 -webkit-margin-end: 8px; | 35 -webkit-margin-end: 8px; |
| 36 -webkit-transition: opacity 150ms; | |
| 37 display: inline-block; | 36 display: inline-block; |
| 38 flex: 0 0 auto; | 37 flex: 0 0 auto; |
| 39 height: 24px; | 38 height: 24px; |
| 39 transition: opacity 150ms; |
| 40 vertical-align: middle; | 40 vertical-align: middle; |
| 41 width: 24px; | 41 width: 24px; |
| 42 } | 42 } |
| 43 | 43 |
| 44 .destination-list-item-name { | 44 .destination-list-item-name { |
| 45 flex: 0 1 auto; | 45 flex: 0 1 auto; |
| 46 line-height: 24px; | 46 line-height: 24px; |
| 47 overflow: hidden; | 47 overflow: hidden; |
| 48 text-overflow: ellipsis; | 48 text-overflow: ellipsis; |
| 49 vertical-align: middle; | 49 vertical-align: middle; |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 91 | 91 |
| 92 .extension-icon { | 92 .extension-icon { |
| 93 background-position: center; | 93 background-position: center; |
| 94 background-repeat: no-repeat; | 94 background-repeat: no-repeat; |
| 95 cursor: pointer; | 95 cursor: pointer; |
| 96 flex: 0 0 auto; | 96 flex: 0 0 auto; |
| 97 height: 24px; | 97 height: 24px; |
| 98 margin: 0 3px; | 98 margin: 0 3px; |
| 99 width: 24px; | 99 width: 24px; |
| 100 } | 100 } |
| OLD | NEW |