| 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 8px; | 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) { |
| 15 background-color: #f8f8f8; |
| 16 } |
| 17 |
| 18 .list-item.selected { |
| 19 background-color: rgb(212, 212, 212); |
| 20 } |
| 21 |
| 22 .list-item.selected > .title { |
| 23 font-weight: bold; |
| 24 } |
| 25 |
| 14 .list-item:hover { | 26 .list-item:hover { |
| 15 background-color: #eee; | 27 background-color: #eee; |
| 16 } | 28 } |
| 17 | 29 |
| 18 .list-item > .title::before { | |
| 19 content: "\2713 "; | |
| 20 color: transparent; | |
| 21 } | |
| 22 | |
| 23 .list-item.selected > .title::before { | |
| 24 color: inherit; | |
| 25 } | |
| 26 | |
| 27 .list-item > .title { | 30 .list-item > .title { |
| 28 font-weight: normal; | 31 font-weight: normal; |
| 29 word-wrap: break-word; | 32 word-wrap: break-word; |
| 30 white-space: normal; | 33 white-space: normal; |
| 31 } | 34 } |
| 32 | 35 |
| 33 .list-item.selected > .title { | |
| 34 font-weight: bold; | |
| 35 } | |
| 36 | |
| 37 .list-item > .subtitle { | 36 .list-item > .subtitle { |
| 38 margin-left: 5px; | 37 margin-left: 5px; |
| 39 color: rgba(0, 0, 0, 0.7); | 38 color: rgba(0, 0, 0, 0.7); |
| 40 text-overflow: ellipsis; | 39 text-overflow: ellipsis; |
| 41 overflow: hidden; | 40 overflow: hidden; |
| 42 float: right; | 41 float: right; |
| 43 } | 42 } |
| 44 | 43 |
| 45 .list-item > .subtitle a { | 44 .list-item > .subtitle a { |
| 46 color: inherit; | 45 color: inherit; |
| 47 } | 46 } |
| 48 | 47 |
| 49 .list-item.label { | 48 .list-item.label { |
| 50 text-align: center; | 49 text-align: center; |
| 51 } | 50 } |
| 52 | 51 |
| 53 .list-item.label .title, | 52 .list-item.label .title, |
| 54 .list-item.label .subtitle { | 53 .list-item.label .subtitle { |
| 55 font-style: italic; | 54 font-style: italic; |
| 56 font-weight: bold; | 55 font-weight: bold; |
| 57 color: #999; | 56 color: #999; |
| 58 } | 57 } |
| 59 | 58 |
| 60 .list-item.dimmed { | 59 .list-item.dimmed { |
| 61 opacity: 0.6; | 60 opacity: 0.6; |
| 62 font-style: italic; | 61 font-style: italic; |
| 63 } | 62 } |
| OLD | NEW |