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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/profiler/profilesPanel.css

Issue 2683233006: DevTools: Fix button layout glitches on Memory panel. (Closed)
Patch Set: Created 3 years, 10 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/profiler/ProfileLauncherView.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 93 matching lines...) Expand 10 before | Expand all | Expand 10 after
104 104
105 .data-grid:focus tr.selected .profile-node-file { 105 .data-grid:focus tr.selected .profile-node-file {
106 color: white; 106 color: white;
107 } 107 }
108 108
109 .profile-launcher-view-content { 109 .profile-launcher-view-content {
110 padding: 0 16px; 110 padding: 0 16px;
111 text-align: left; 111 text-align: left;
112 } 112 }
113 113
114 .control-profiling { 114 .profile-launcher-control {
115 -webkit-align-self: flex-start; 115 align-items: center;
116 margin-right: 50px; 116 flex-wrap: wrap;
117 }
118
119 .profile-launcher-control > * {
120 margin-top: 10px;
121 margin-right: 6px;
122 }
123
124 .profile-launcher-control button {
125 min-width: 110px;
126 }
127
128 .profile-launcher-target {
129 align-items: baseline;
130 }
131
132 .profile-launcher-target * {
caseq 2017/02/09 23:12:22 .profile-launcher-target > *
alph 2017/02/09 23:40:11 Done.
133 flex: 0 0 auto;
134 margin-right: 8px;
117 } 135 }
118 136
119 .profile-launcher-view-content h1 { 137 .profile-launcher-view-content h1 {
120 padding: 15px 0 10px; 138 padding: 15px 0 10px;
121 } 139 }
122 140
123 .panel-enabler-view.profile-launcher-view form { 141 .panel-enabler-view.profile-launcher-view form {
124 padding: 0; 142 padding: 0;
125 font-size: 13px; 143 font-size: 13px;
126 width: 100%; 144 width: 100%;
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
165 color: red; 183 color: red;
166 margin: -14px 0 13px 22px; 184 margin: -14px 0 13px 22px;
167 padding-left: 14px; 185 padding-left: 14px;
168 } 186 }
169 187
170 .profile-canvas-decoration button { 188 .profile-canvas-decoration button {
171 margin: 0 0 0 10px !important; 189 margin: 0 0 0 10px !important;
172 } 190 }
173 191
174 .js_profiler.panel select.chrome-select, 192 .js_profiler.panel select.chrome-select,
175 .heap_profiler.panel select.chrome-select 193 .heap_profiler.panel select.chrome-select {
176 {
177 font-size: 12px;
178 width: 150px; 194 width: 150px;
179 margin-left: 10px;
180 margin-right: 10px;
181 } 195 }
182 196
183 button.load-profile { 197 button.load-profile {
184 margin-left: 20px; 198 margin-top: 10px;
199 padding: 30px 0;
185 } 200 }
186 201
187 button.load-profile.multi-target {
188 display: block;
189 margin-top: 14px;
190 margin-left: 0;
191 }
192 202
193 .cpu-profile-flame-chart-overview-container { 203 .cpu-profile-flame-chart-overview-container {
194 overflow: hidden; 204 overflow: hidden;
195 position: absolute; 205 position: absolute;
196 top: 0; 206 top: 0;
197 width: 100%; 207 width: 100%;
198 height: 80px; 208 height: 80px;
199 } 209 }
200 210
201 #cpu-profile-flame-chart-overview-container { 211 #cpu-profile-flame-chart-overview-container {
202 border-bottom: 1px solid rgba(0, 0, 0, 0.3); 212 border-bottom: 1px solid rgba(0, 0, 0, 0.3);
203 } 213 }
204 214
205 .cpu-profile-flame-chart-overview-canvas { 215 .cpu-profile-flame-chart-overview-canvas {
206 position: absolute; 216 position: absolute;
207 top: 20px; 217 top: 20px;
208 left: 0; 218 left: 0;
209 right: 0; 219 right: 0;
210 bottom: 0; 220 bottom: 0;
211 } 221 }
212 222
213 #cpu-profile-flame-chart-overview-grid .resources-dividers-label-bar { 223 #cpu-profile-flame-chart-overview-grid .resources-dividers-label-bar {
214 pointer-events: auto; 224 pointer-events: auto;
215 } 225 }
216 226
217 .cpu-profile-flame-chart-overview-pane { 227 .cpu-profile-flame-chart-overview-pane {
218 flex: 0 0 80px !important; 228 flex: 0 0 80px !important;
219 } 229 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/profiler/ProfileLauncherView.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698