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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/elements/computedStyleSidebarPane.css

Issue 1530353003: DevTools: jump from computed style to styles sidebar pane. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebaseline Created 4 years, 11 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 (c) 2015 The Chromium Authors. All rights reserved. 2 * Copyright (c) 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 .computed-properties { 7 .computed-properties {
8 -webkit-user-select: text; 8 -webkit-user-select: text;
9 } 9 }
10 10
11 .computed-style-property { 11 .computed-style-property {
12 display: flex; 12 display: flex;
13 flex-wrap: wrap; 13 flex-wrap: wrap;
14 } 14 }
15 15
16 .computed-style-property .property-name { 16 .computed-style-property .property-name {
17 width: 16em; 17 width: 16em;
18 text-overflow: ellipsis; 18 text-overflow: ellipsis;
19 overflow: hidden; 19 overflow: hidden;
20 } 20 }
21 21
22 .computed-style-property .property-value { 22 .computed-style-property .property-value {
23 min-width: 5em; 23 min-width: 5em;
24 position: relative;
25 }
26
27 .tree-outline li:hover .goto-source-icon {
28 display: block;
29 }
30
31 .goto-source-icon {
32 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
33 -webkit-mask-position: 0 -120px;
34 background-color: #5a5a5a;
35 width: 28px;
36 height: 24px;
37 display: none;
38 position: absolute;
39 top: -6px;
40 left: -27px;
41 transform: scale(0.8);
42 }
43
44 .goto-source-icon:hover {
45 background-color: #333;
24 } 46 }
25 47
26 .computed-style-property-inherited { 48 .computed-style-property-inherited {
27 opacity: 0.5; 49 opacity: 0.5;
28 } 50 }
29 51
30 .trace-link { 52 .trace-link {
31 float: right; 53 float: right;
32 padding-left: 1em; 54 padding-left: 1em;
33 position: relative; 55 position: relative;
(...skipping 12 matching lines...) Expand all
46 } 68 }
47 69
48 .property-trace-selector { 70 .property-trace-selector {
49 color: gray; 71 color: gray;
50 padding-left: 2em; 72 padding-left: 2em;
51 } 73 }
52 74
53 .property-trace-value { 75 .property-trace-value {
54 position: relative; 76 position: relative;
55 display: inline-block; 77 display: inline-block;
78 margin-left: 2em;
56 } 79 }
57 80
58 .property-trace-inactive .property-trace-value::before { 81 .property-trace-inactive .property-trace-value::before {
59 position: absolute; 82 position: absolute;
60 content: "."; 83 content: ".";
61 border-bottom: 1px solid rgba(0, 0, 0, 0.35); 84 border-bottom: 1px solid rgba(0, 0, 0, 0.35);
62 top: 0; 85 top: 0;
63 bottom: 5px; 86 bottom: 5px;
64 left: 0; 87 left: 0;
65 right: 0; 88 right: 0;
(...skipping 17 matching lines...) Expand all
83 margin-left: 4px; 106 margin-left: 4px;
84 } 107 }
85 108
86 .delimeter { 109 .delimeter {
87 color: transparent; 110 color: transparent;
88 } 111 }
89 112
90 .delimeter::selection { 113 .delimeter::selection {
91 color: transparent; 114 color: transparent;
92 } 115 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698