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

Side by Side Diff: Source/devtools/front_end/inspectorStyle.css

Issue 720223002: DevTools: only allow status bar items in status bars. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 1 month 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 | Annotate | Revision Log
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 371 matching lines...) Expand 10 before | Expand all | Expand 10 after
382 } 382 }
383 383
384 .close-button-gray:hover { 384 .close-button-gray:hover {
385 background-position: -143px -96px; 385 background-position: -143px -96px;
386 } 386 }
387 387
388 .close-button-gray:active { 388 .close-button-gray:active {
389 background-position: -160px -96px; 389 background-position: -160px -96px;
390 } 390 }
391 391
392 .panel-status-bar {
393 border-top: none;
394 display: flex;
395 background-color: white;
396 flex: 0 0 23px;
397 position: relative;
398 }
399
400 .panel-status-bar > div {
401 margin: auto 0;
402 }
403
404 .panel-status-bar label {
405 margin: auto 0 auto 5px;
406 display: flex;
407 white-space: nowrap;
408 overflow: hidden;
409 }
410
411 .status-bar { 392 .status-bar {
412 position: relative; 393 position: relative;
413 white-space: nowrap; 394 white-space: nowrap;
414 height: 23px; 395 height: 23px;
415 overflow: hidden; 396 overflow: hidden;
416 width: 100%;
417 z-index: 12; 397 z-index: 12;
418 border-top: 1px solid rgb(202, 202, 202); 398 display: flex;
419 display: -webkit-flex; 399 flex: none;
420 } 400 }
421 401
422 .status-bar > div { 402 .status-bar > div {
423 display: inline-flex; 403 display: inline-flex;
424 overflow: visible; 404 overflow: visible;
425 } 405 }
426 406
427 .status-bar-item { 407 .status-bar-item {
428 display: inline-block; 408 display: inline-block;
429 height: 22px; 409 height: 22px;
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after
549 background-image: url(Images/statusbarButtonGlyphs_2x.png); 529 background-image: url(Images/statusbarButtonGlyphs_2x.png);
550 } 530 }
551 } /* media */ 531 } /* media */
552 532
553 input.status-bar-item { 533 input.status-bar-item {
554 width: 200px; 534 width: 200px;
555 height: 20px; 535 height: 20px;
556 padding: 3px; 536 padding: 3px;
557 margin: 1px 3px; 537 margin: 1px 3px;
558 background-color: white; 538 background-color: white;
559 border: solid 1px rgb(236, 236, 236); 539 border: solid 1px rgb(216, 216, 216);
560 } 540 }
561 541
562 input.status-bar-item:focus, 542 input.status-bar-item:focus,
563 input.status-bar-item:hover { 543 input.status-bar-item:hover {
564 border: solid 1px rgb(202, 202, 202); 544 border: solid 1px rgb(202, 202, 202);
565 } 545 }
566 546
567 select.status-bar-item { 547 select.status-bar-item {
568 min-width: 48px; 548 min-width: 48px;
569 color: rgb(48, 48, 48); 549 color: rgb(48, 48, 48);
(...skipping 1469 matching lines...) Expand 10 before | Expand all | Expand 10 after
2039 background-color: rgb(232, 164, 0) !important; 2019 background-color: rgb(232, 164, 0) !important;
2040 } 2020 }
2041 2021
2042 .bubble-repeat-count.error, 2022 .bubble-repeat-count.error,
2043 .console-error-level .bubble-repeat-count { 2023 .console-error-level .bubble-repeat-count {
2044 background-color: rgb(216, 35, 35) !important; 2024 background-color: rgb(216, 35, 35) !important;
2045 } 2025 }
2046 2026
2047 .storage-application-cache-status-icon, 2027 .storage-application-cache-status-icon,
2048 .storage-application-cache-connectivity-icon { 2028 .storage-application-cache-connectivity-icon {
2049 margin: 5px 5px 0; 2029 margin: 0 5px;
2050 vertical-align: middle; 2030 vertical-align: middle;
2051 } 2031 }
2052 2032
2053 .status-bar-divider { 2033 .status-bar-divider {
2054 margin-left: 7px; 2034 margin-left: 7px;
2055 border-right: 1px solid #CCC; 2035 border-right: 1px solid #CCC;
2056 } 2036 }
2057 2037
2058 .storage-application-cache-status, 2038 .storage-application-cache-status,
2059 .storage-application-cache-connectivity { 2039 .storage-application-cache-connectivity {
(...skipping 737 matching lines...) Expand 10 before | Expand all | Expand 10 after
2797 font-size: 80%; 2777 font-size: 80%;
2798 white-space: nowrap; 2778 white-space: nowrap;
2799 pointer-events: none; 2779 pointer-events: none;
2800 } 2780 }
2801 2781
2802 .link { 2782 .link {
2803 cursor: pointer; 2783 cursor: pointer;
2804 text-decoration: underline; 2784 text-decoration: underline;
2805 color: rgb(17, 85, 204); 2785 color: rgb(17, 85, 204);
2806 } 2786 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698