OLD | NEW |
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 flex-shrink: 0; | 9 flex-shrink: 0; |
10 } | 10 } |
11 | 11 |
12 .computed-style-property { | 12 .styles-sidebar-pane-toolbar { |
13 display: flex; | 13 border-bottom: 1px solid #eee; |
14 overflow: hidden; | 14 flex-shrink: 0; |
15 flex: auto; | |
16 } | 15 } |
17 | 16 |
18 .computed-style-property .property-name { | 17 .styles-sidebar-pane-filter-box { |
19 min-width: 5em; | 18 flex: auto; |
20 text-overflow: ellipsis; | 19 display: flex; |
21 overflow: hidden; | |
22 flex-shrink: 1; | |
23 flex-basis: 16em; | |
24 flex-grow: 1; | |
25 } | 20 } |
26 | 21 |
27 .computed-style-property .property-value { | 22 .styles-sidebar-pane-filter-box > input { |
28 margin-left: 2em; | 23 outline: none !important; |
29 position: relative; | 24 border: none; |
30 display: flex; | 25 width: 100%; |
31 flex-shrink: 0; | 26 background: transparent; |
32 flex-basis: 5em; | |
33 flex-grow: 10; | |
34 } | |
35 | |
36 .computed-style-property .property-value-text { | |
37 overflow: hidden; | |
38 text-overflow: ellipsis; | |
39 } | |
40 | |
41 .tree-outline li:hover .goto-source-icon { | |
42 display: block; | |
43 margin-top: -2px; | |
44 } | |
45 | |
46 .goto-source-icon { | |
47 background-color: #5a5a5a; | |
48 display: none; | |
49 position: absolute; | |
50 left: -16px; | |
51 } | |
52 | |
53 .goto-source-icon:hover { | |
54 background-color: #333; | |
55 } | |
56 | |
57 .computed-style-property-inherited { | |
58 opacity: 0.5; | |
59 } | |
60 | |
61 .trace-link { | |
62 user-select: none; | |
63 float: right; | |
64 padding-left: 1em; | |
65 position: relative; | |
66 z-index: 1; | |
67 } | |
68 | |
69 .property-trace { | |
70 text-overflow: ellipsis; | |
71 overflow: hidden; | |
72 flex-grow: 1; | |
73 } | |
74 | |
75 .property-trace-selector { | |
76 color: gray; | |
77 padding-left: 2em; | |
78 } | |
79 | |
80 .property-trace-value { | |
81 position: relative; | |
82 display: inline-block; | |
83 margin-left: 2em; | |
84 } | |
85 | |
86 .property-trace-inactive .property-trace-value::before { | |
87 position: absolute; | |
88 content: "."; | |
89 border-bottom: 1px solid rgba(0, 0, 0, 0.35); | |
90 top: 0; | |
91 bottom: 5px; | |
92 left: 0; | |
93 right: 0; | |
94 } | |
95 | |
96 .tree-outline li.odd-row { | |
97 position: relative; | |
98 background-color: #F5F5F5; | |
99 } | |
100 | |
101 .tree-outline, .tree-outline ol { | |
102 padding-left: 0; | |
103 } | |
104 | |
105 .tree-outline li:hover { | |
106 background-color: rgb(235, 242, 252); | |
107 cursor: pointer; | |
108 } | |
109 | |
110 .tree-outline li::before { | |
111 margin-left: 4px; | 27 margin-left: 4px; |
112 } | 28 } |
113 | 29 |
114 .delimeter { | 30 .styles-filter-engaged { |
115 color: transparent; | 31 background-color: rgba(255, 255, 0, 0.5); |
116 } | 32 } |
117 | 33 |
118 .delimeter::selection { | 34 :host-context(.-theme-with-dark-background) .styles-filter-engaged { |
119 color: transparent; | 35 background-color: hsla(133, 100%, 30%, 0.5); |
120 } | 36 } |
OLD | NEW |