Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(199)

Side by Side Diff: Source/devtools/front_end/sources/uiList.css

Issue 1177553002: DevTools: follow up to r196782 with minor UI fixed. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « Source/devtools/front_end/sidebarPane.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/sidebarPane.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698