OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
4 * | 4 * |
5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
7 * are met: | 7 * are met: |
8 * | 8 * |
9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
(...skipping 16 matching lines...) Expand all Loading... |
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
28 */ | 28 */ |
29 | 29 |
30 /* Profiler Style */ | 30 /* Profiler Style */ |
31 | 31 |
32 #profile-views { | 32 #profile-views { |
33 flex: auto; | 33 flex: auto; |
34 position: relative; | 34 position: relative; |
35 } | 35 } |
36 | 36 |
| 37 .profile-view .data-grid table.data { |
| 38 background: white; |
| 39 } |
| 40 |
| 41 .profile-view .data-grid tr:not(.filler):hover td { |
| 42 background-color: rgba(0, 0, 0, 0.1); |
| 43 } |
| 44 |
| 45 .profiles.panel .status-bar { |
| 46 border-bottom: 1px solid rgb(202, 202, 202); |
| 47 border-top: none; |
| 48 } |
| 49 |
37 .profiles-status-bar { | 50 .profiles-status-bar { |
38 background-color: rgb(236, 236, 236); | 51 background-color: rgb(236, 236, 236); |
39 flex: 0 0 23px; | 52 flex: 0 0 23px; |
40 } | 53 } |
41 | 54 |
42 .profile-launcher-view-tree-item > .icon { | 55 .profile-launcher-view-tree-item > .icon { |
43 width: 4px !important; | 56 width: 4px !important; |
44 visibility: hidden; | 57 visibility: hidden; |
45 } | 58 } |
46 | 59 |
47 .profiles-sidebar-tree-box { | 60 .profiles-sidebar-tree-box { |
48 overflow: auto; | 61 overflow: auto; |
49 flex: auto; | 62 flex: auto; |
50 } | 63 } |
51 | 64 |
| 65 .profiles-sidebar-tree-box > ol { |
| 66 overflow: auto; |
| 67 flex: auto; |
| 68 } |
| 69 |
52 .profile-sidebar-tree-item .icon { | 70 .profile-sidebar-tree-item .icon { |
53 content: url(Images/profileIcon.png); | 71 content: url(Images/profileIcon.png); |
54 } | 72 } |
55 | 73 |
56 .profile-sidebar-tree-item.small .icon { | 74 .profile-sidebar-tree-item.small .icon { |
57 content: url(Images/profileSmallIcon.png); | 75 content: url(Images/profileSmallIcon.png); |
58 } | 76 } |
59 | 77 |
60 .profile-group-sidebar-tree-item .icon { | 78 .profile-group-sidebar-tree-item .icon { |
61 content: url(Images/profileGroupIcon.png); | 79 content: url(Images/profileGroupIcon.png); |
62 } | 80 } |
63 | 81 |
64 .profile-view { | 82 .sidebar-tree-item .title-container > .save-link { |
| 83 text-decoration: underline; |
| 84 margin-left: auto; |
| 85 display: none; |
| 86 } |
| 87 |
| 88 .sidebar-tree-item.selected .title-container > .save-link { |
| 89 display: block; |
| 90 } |
| 91 |
| 92 .cpu-profile-view { |
65 display: none; | 93 display: none; |
66 overflow: hidden; | 94 overflow: hidden; |
67 position: absolute; | 95 position: absolute; |
68 top: 0; | 96 top: 0; |
69 left: 0; | 97 left: 0; |
70 right: 0; | 98 right: 0; |
71 bottom: 0; | 99 bottom: 0; |
72 } | 100 } |
73 | 101 |
74 .profile-view.visible { | 102 .cpu-profile-view.visible { |
75 display: block; | 103 display: flex; |
76 } | 104 } |
77 | 105 |
78 .profile-view .data-grid { | 106 .cpu-profile-view .data-grid { |
79 border: none; | 107 border: none; |
80 height: 100%; | 108 flex: auto; |
81 } | 109 } |
82 | 110 |
83 .profile-view .data-grid th.average-column { | 111 .cpu-profile-view .data-grid th.average-column { |
84 text-align: center; | 112 text-align: center; |
85 } | 113 } |
86 | 114 |
87 .profile-view .data-grid td.average-column { | 115 .cpu-profile-view .data-grid td.average-column { |
88 text-align: right; | 116 text-align: right; |
89 } | 117 } |
90 | 118 |
91 .profile-view .data-grid th.self-column { | 119 .cpu-profile-view .data-grid th.self-column { |
92 text-align: center; | 120 text-align: center; |
93 } | 121 } |
94 | 122 |
95 .profile-view .data-grid td.self-column { | 123 .cpu-profile-view .data-grid td.self-column { |
96 text-align: right; | 124 text-align: right; |
97 } | 125 } |
98 | 126 |
99 .profile-view .data-grid th.total-column { | 127 .cpu-profile-view .data-grid th.total-column { |
100 text-align: center; | 128 text-align: center; |
101 } | 129 } |
102 | 130 |
103 .profile-view .data-grid td.total-column { | 131 .cpu-profile-view .data-grid td.total-column { |
104 text-align: right; | 132 text-align: right; |
105 } | 133 } |
106 | 134 |
107 .profile-view .data-grid .calls-column { | 135 .cpu-profile-view .data-grid .calls-column { |
108 text-align: center; | 136 text-align: center; |
109 } | 137 } |
110 | 138 |
111 .profile-node-file { | 139 .profile-node-file { |
112 float: right; | 140 float: right; |
113 color: gray; | 141 color: gray; |
114 margin-top: -1px; | |
115 } | 142 } |
116 | 143 |
117 .profile-warn-marker { | 144 .profile-warn-marker { |
118 background-image: url(Images/statusbarButtonGlyphs.png); | 145 background-image: url(Images/statusbarButtonGlyphs.png); |
119 background-size: 320px 144px; | 146 background-size: 320px 144px; |
120 background-position: -201px -105px; | 147 background-position: -202px -107px; |
121 padding-left: 12px; | |
122 width: 10px; | 148 width: 10px; |
123 height: 10px; | 149 height: 10px; |
124 vertical-align: -1px; | 150 vertical-align: -1px; |
125 margin-right: 2px; | 151 margin-right: 2px; |
| 152 display: inline-block; |
126 } | 153 } |
127 | 154 |
128 .data-grid tr.selected .profile-node-file { | 155 .data-grid tr.selected .profile-node-file { |
129 color: rgb(33%, 33%, 33%); | 156 color: rgb(33%, 33%, 33%); |
130 } | 157 } |
131 | 158 |
132 .data-grid:focus tr.selected .profile-node-file { | 159 .data-grid:focus tr.selected .profile-node-file { |
133 color: white; | 160 color: white; |
134 } | 161 } |
135 | 162 |
(...skipping 17 matching lines...) Expand all Loading... |
153 -webkit-mask-position: -128px -24px; | 180 -webkit-mask-position: -128px -24px; |
154 } | 181 } |
155 | 182 |
156 .profile-launcher-view-content { | 183 .profile-launcher-view-content { |
157 padding: 0 16px; | 184 padding: 0 16px; |
158 text-align: left; | 185 text-align: left; |
159 } | 186 } |
160 | 187 |
161 .control-profiling { | 188 .control-profiling { |
162 -webkit-align-self: flex-start; | 189 -webkit-align-self: flex-start; |
| 190 margin-right: 50px; |
| 191 } |
| 192 |
| 193 .profile-launcher-view > .profile-launcher-view-content > .load-profile { |
| 194 margin-left: 20px; |
163 } | 195 } |
164 | 196 |
165 .profile-launcher-view-content h1 { | 197 .profile-launcher-view-content h1 { |
166 padding: 15px 0 10px; | 198 padding: 15px 0 10px; |
167 } | 199 } |
168 | 200 |
169 .panel-enabler-view.profile-launcher-view form { | 201 .panel-enabler-view.profile-launcher-view form { |
170 padding: 0; | 202 padding: 0; |
171 font-size: 13px; | 203 font-size: 13px; |
172 width: 100%; | 204 width: 100%; |
173 } | 205 } |
174 | 206 |
175 .panel-enabler-view.profile-launcher-view label { | 207 .panel-enabler-view.profile-launcher-view label { |
176 margin: 0; | 208 margin: 0; |
177 } | 209 } |
178 | 210 |
179 .profile-launcher-view-content p { | 211 .profile-launcher-view-content p { |
180 color: grey; | 212 color: grey; |
181 margin-top: 1px; | 213 margin-top: 1px; |
182 margin-left: 22px; | 214 margin-left: 22px; |
183 } | 215 } |
184 | 216 |
185 .panel-enabler-view.profile-launcher-view button:not(.status-bar-item) { | |
186 color: rgb(6, 6, 6); | |
187 margin: 0 0 16px; | |
188 } | |
189 | |
190 .profile-launcher-view-content button.running:not(.status-bar-item) { | 217 .profile-launcher-view-content button.running:not(.status-bar-item) { |
191 color: red; | 218 color: red; |
192 } | 219 } |
193 | 220 |
194 body.inactive .profile-launcher-view-content button.running:not(.status-bar-item
) { | 221 body.inactive .profile-launcher-view-content button.running:not(.status-bar-item
) { |
195 color: rgb(220, 130, 130); | 222 color: rgb(220, 130, 130); |
196 } | 223 } |
197 | 224 |
198 .highlighted-row { | 225 .highlighted-row { |
199 -webkit-animation: "row_highlight" 2s 0s; | 226 -webkit-animation: "row_highlight" 2s 0s; |
200 } | 227 } |
201 | 228 |
202 @-webkit-keyframes row_highlight { | 229 @-webkit-keyframes row_highlight { |
203 from {background-color: rgba(255, 255, 120, 1); } | 230 from {background-color: rgba(255, 255, 120, 1); } |
204 to { background-color: rgba(255, 255, 120, 0); } | 231 to { background-color: rgba(255, 255, 120, 0); } |
205 } | 232 } |
206 | 233 |
207 .profile-canvas-decoration .warning-icon-small { | 234 .profile-canvas-decoration .warning-icon-small { |
208 margin-right: 4px; | 235 margin-right: 4px; |
209 } | 236 } |
| 237 |
210 .profile-canvas-decoration { | 238 .profile-canvas-decoration { |
211 color: red; | 239 color: red; |
212 margin: -14px 0 13px 22px; | 240 margin: -14px 0 13px 22px; |
213 padding-left: 14px; | 241 padding-left: 14px; |
214 } | 242 } |
215 | 243 |
216 .profile-canvas-decoration button { | 244 .profile-canvas-decoration button { |
217 margin: 0 0 0 10px !important; | 245 margin: 0 0 0 10px !important; |
218 } | 246 } |
| 247 |
| 248 .profile-entry-info { |
| 249 position: absolute; |
| 250 bottom: 20px; |
| 251 left: 20px; |
| 252 height: 120px; |
| 253 background-color: rgba(255, 255, 255, 0.7); |
| 254 pointer-events: none; |
| 255 } |
OLD | NEW |