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

Side by Side Diff: runtime/observatory/lib/src/elements/css/shared.css

Issue 2322643004: Allow to compact header in allocation-profile (Closed)
Patch Set: Created 4 years, 3 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 | « runtime/observatory/lib/src/elements/allocation_profile.dart ('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 /* Global styles */ 1 /* Global styles */
2 * { 2 * {
3 margin: 0; 3 margin: 0;
4 padding: 0; 4 padding: 0;
5 box-sizing: border-box; 5 box-sizing: border-box;
6 } 6 }
7 7
8 body { 8 body {
9 padding-top: 56px; 9 padding-top: 56px;
10 color: #333; 10 color: #333;
(...skipping 373 matching lines...) Expand 10 before | Expand all | Expand 10 after
384 display: inline-block; 384 display: inline-block;
385 width: 50%; 385 width: 50%;
386 } 386 }
387 387
388 allocation-profile .heap-space.right, 388 allocation-profile .heap-space.right,
389 allocation-profile .heap-space.right .memberList, 389 allocation-profile .heap-space.right .memberList,
390 allocation-profile .heap-space.right .legend * { 390 allocation-profile .heap-space.right .legend * {
391 direction: rtl; 391 direction: rtl;
392 } 392 }
393 393
394 allocation-profile .compactable {
395 position: relative;
396 }
397
398 allocation-profile .compact {
399 position: absolute;
400 bottom: 20px;
401 left: 50%;
402 width: 8em;
403 margin-left: -4em;
404 }
405
394 allocation-profile .heap-space.right * { 406 allocation-profile .heap-space.right * {
395 direction: ltr; 407 direction: ltr;
396 text-align: right; 408 text-align: right;
397 } 409 }
398 410
399 allocation-profile div.chart { 411 allocation-profile div.chart {
400 display: block; 412 display: block;
401 position: relative; 413 position: relative;
402 height: 150px; 414 height: 150px;
403 } 415 }
(...skipping 26 matching lines...) Expand all
430 } 442 }
431 443
432 allocation-profile .collection { 444 allocation-profile .collection {
433 position: absolute; 445 position: absolute;
434 bottom: 0; 446 bottom: 0;
435 left: 0; 447 left: 0;
436 right: 0; 448 right: 0;
437 top: 560px; 449 top: 560px;
438 } 450 }
439 451
452 allocation-profile .collection.expanded {
453 top: 160px;
454 }
455
440 allocation-profile .collection-item { 456 allocation-profile .collection-item {
441 box-sizing: border-box; 457 box-sizing: border-box;
442 line-height: 20px; 458 line-height: 20px;
443 margin-left: 5%; 459 margin-left: 5%;
444 margin-right: 5%; 460 margin-right: 5%;
445 } 461 }
446 462
447 allocation-profile .header .collection-item:last-child { 463 allocation-profile .header .collection-item:last-child {
448 margin-bottom: -3px; 464 margin-bottom: -3px;
449 border-bottom: solid 1px #AAAAAA; 465 border-bottom: solid 1px #AAAAAA;
(...skipping 1820 matching lines...) Expand 10 before | Expand all | Expand 10 after
2270 2286
2271 vm-connect-target > button.delete-button:hover { 2287 vm-connect-target > button.delete-button:hover {
2272 background: #ff0000; 2288 background: #ff0000;
2273 } 2289 }
2274 2290
2275 /* vm-connect */ 2291 /* vm-connect */
2276 2292
2277 vm-connect ul { 2293 vm-connect ul {
2278 list-style-type: none; 2294 list-style-type: none;
2279 } 2295 }
OLDNEW
« no previous file with comments | « runtime/observatory/lib/src/elements/allocation_profile.dart ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698