StatusBar.css (1745B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 /* Status bar */ 6 7 .devtools-status-bar-label { 8 flex: 0; 9 } 10 11 .status-bar-label { 12 display: inline-flex; 13 margin-inline-end: 10px; 14 /* Status bar has just one line so, don't wrap labels */ 15 white-space: nowrap; 16 font-variant-numeric: tabular-nums; 17 } 18 19 .status-bar-label:not(:first-of-type)::before { 20 content: ""; 21 display: inline-block; 22 margin-inline-end: 10px; 23 margin-top: 4px; 24 margin-bottom: 4px; 25 width: 1px; 26 background: var(--theme-splitter-color); 27 } 28 29 .status-bar-label.dom-content-loaded { 30 --bar-label-legend-color: var(--timing-marker-dom-content-loaded-color); 31 } 32 33 .status-bar-label.load { 34 --bar-label-legend-color: var(--timing-marker-load-color); 35 } 36 37 .status-bar-label:is(.dom-content-loaded, .load)::before { 38 content: ""; 39 display: inline-block; 40 width: 12px; 41 aspect-ratio: 1 / 1; 42 align-self: center; 43 margin-inline: 0 4px; 44 /* The --timing-marker-* colors are overriden in High Contrast Mode with non-system 45 highly contrasted colors that we want to use here */ 46 forced-color-adjust: none; 47 border: 1px solid CanvasText; 48 background-color: var(--bar-label-legend-color); 49 } 50 51 .requests-list-network-summary-button { 52 display: inline-flex; 53 align-items: center; 54 cursor: pointer; 55 height: 20px; 56 background: none; 57 box-shadow: none; 58 border-color: transparent; 59 padding-inline-end: 0; 60 margin-top: 3px; 61 margin-bottom: 3px; 62 margin-inline-end: 1em; 63 64 &::before { 65 background-image: url(chrome://devtools/skin/images/profiler-stopwatch.svg); 66 fill: var(--theme-icon-color); 67 } 68 }