| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .list-item { | 7 .list-item { |
| 8 padding: 3px 8px 4px 18px; | 8 padding: 3px 8px 4px 8px; |
| 9 position: relative; | 9 position: relative; |
| 10 min-height: 18px; | 10 min-height: 18px; |
| 11 white-space: nowrap; | 11 white-space: nowrap; |
| 12 } | 12 } |
| 13 | 13 |
| 14 .list-item:nth-of-type(2n) { | 14 .list-item:hover { |
| 15 background-color: rgb(234, 243, 255); | 15 background-color: #eee; |
| 16 } | 16 } |
| 17 | 17 |
| 18 .list-item.selected { | 18 .list-item > .title::before { |
| 19 background-color: #cfcfcf; | 19 content: "✓ "; |
| 20 background-clip: padding-box; | 20 color: transparent; |
| 21 } |
| 22 |
| 23 .list-item.selected > .title::before { |
| 24 color: inherit; |
| 21 } | 25 } |
| 22 | 26 |
| 23 .list-item > .title { | 27 .list-item > .title { |
| 24 font-weight: normal; | 28 font-weight: normal; |
| 25 word-wrap: break-word; | 29 word-wrap: break-word; |
| 26 white-space: normal; | 30 white-space: normal; |
| 27 } | 31 } |
| 28 | 32 |
| 33 .list-item.selected > .title { |
| 34 font-weight: bold; |
| 35 } |
| 36 |
| 29 .list-item > .subtitle { | 37 .list-item > .subtitle { |
| 30 margin-left: 5px; | 38 margin-left: 5px; |
| 31 color: rgba(0, 0, 0, 0.7); | 39 color: rgba(0, 0, 0, 0.7); |
| 32 text-overflow: ellipsis; | 40 text-overflow: ellipsis; |
| 33 overflow: hidden; | 41 overflow: hidden; |
| 34 float: right; | 42 float: right; |
| 35 } | 43 } |
| 36 | 44 |
| 37 .list-item > .subtitle a { | 45 .list-item > .subtitle a { |
| 38 color: inherit; | 46 color: inherit; |
| 39 } | 47 } |
| 40 | 48 |
| 41 .list-item.label { | 49 .list-item.label { |
| 42 text-align: center; | 50 text-align: center; |
| 43 } | 51 } |
| 44 | 52 |
| 45 .list-item.label .title, | 53 .list-item.label .title, |
| 46 .list-item.label .subtitle { | 54 .list-item.label .subtitle { |
| 47 font-style: italic; | 55 font-style: italic; |
| 48 font-weight: bold; | 56 font-weight: bold; |
| 49 color: #999; | 57 color: #999; |
| 50 } | 58 } |
| 51 | 59 |
| 52 .list-item.dimmed { | 60 .list-item.dimmed { |
| 53 opacity: 0.6; | 61 opacity: 0.6; |
| 54 font-style: italic; | 62 font-style: italic; |
| 55 } | 63 } |
| OLD | NEW |