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

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

Issue 2222233002: DevTools: style selected call frames as arrows. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 4 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
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: 2px 8px 3px 8px; 8 padding: 0 8px 0 0;
9 position: relative; 9 position: relative;
10 min-height: 26px; 10 min-height: 18px;
11 white-space: nowrap; 11 white-space: nowrap;
12 line-height: 21px; 12 line-height: 20px;
13 } 13 border-bottom: 1px solid #eee;
14 14 background-position: -235px -107px;
15 .list-item:nth-of-type(2n) {
16 background-color: #f8f8f8;
17 }
18
19 .list-item.selected {
20 background-color: #dadada;
21 }
22
23 .list-item.selected > .title {
24 font-weight: bold;
25 } 15 }
26 16
27 .list-item:not(.ignore-hover):hover { 17 .list-item:not(.ignore-hover):hover {
28 background-color: #eee; 18 background-color: #eee;
29 } 19 }
30 20
31 .list-item > .title { 21 .list-item > .title {
32 font-weight: normal;
33 word-wrap: break-word; 22 word-wrap: break-word;
34 white-space: normal; 23 white-space: normal;
24 margin-left: 17px;
35 } 25 }
36 26
37 .list-item > .subtitle { 27 .list-item > .subtitle {
38 margin-left: 5px; 28 margin-left: 5px;
39 color: rgba(0, 0, 0, 0.7); 29 color: #888;
40 text-overflow: ellipsis; 30 text-overflow: ellipsis;
41 overflow: hidden; 31 overflow: hidden;
42 float: right; 32 float: right;
43 } 33 }
44 34
45 .list-item > .subtitle a { 35 .list-item > .subtitle a {
46 color: inherit; 36 color: inherit;
47 } 37 }
48 38
49 .list-item.label { 39 .list-item.label {
50 text-align: center; 40 text-align: center;
51 } 41 }
52 42
53 .list-item.label .title, 43 .list-item.label .title,
54 .list-item.label .subtitle { 44 .list-item.label .subtitle {
55 font-style: italic; 45 font-style: italic;
56 font-weight: bold; 46 font-weight: bold;
57 color: #999; 47 color: #999;
58 } 48 }
59 49
60 .list-item.dimmed { 50 .list-item.dimmed {
61 opacity: 0.6; 51 opacity: 0.6;
62 font-style: italic; 52 font-style: italic;
63 } 53 }
54
55 .list-item.selected::before {
56 background-image: url(Images/toolbarButtonGlyphs.png);
57 background-size: 352px 168px;
58 background-position: -235px -107px;
59 content: "";
60 position: absolute;
61 top: 5px;
62 left: 4px;
63 width: 10px;
64 height: 10px;
65 }
66
67 @media (-webkit-min-device-pixel-ratio: 1.5) {
68 .list-item.selected::before {
69 background-image: url(Images/toolbarButtonGlyphs_2x.png);
70 }
71 } /* media */
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698