| 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 |