summaryrefslogtreecommitdiffstats
path: root/devtools/client/netmonitor/src/assets/styles/StatusBar.css
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/netmonitor/src/assets/styles/StatusBar.css')
-rw-r--r--devtools/client/netmonitor/src/assets/styles/StatusBar.css62
1 files changed, 62 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/src/assets/styles/StatusBar.css b/devtools/client/netmonitor/src/assets/styles/StatusBar.css
new file mode 100644
index 0000000000..ff53a0d866
--- /dev/null
+++ b/devtools/client/netmonitor/src/assets/styles/StatusBar.css
@@ -0,0 +1,62 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* Status bar */
+
+.devtools-status-bar-label {
+ flex: 0;
+}
+
+.status-bar-label {
+ display: inline-flex;
+ margin-inline-end: 10px;
+ /* Status bar has just one line so, don't wrap labels */
+ white-space: nowrap;
+ font-variant-numeric: tabular-nums;
+}
+
+.status-bar-label:not(:first-of-type)::before {
+ content: "";
+ display: inline-block;
+ margin-inline-end: 10px;
+ margin-top: 4px;
+ margin-bottom: 4px;
+ width: 1px;
+ background: var(--theme-splitter-color);
+}
+
+.status-bar-label.dom-content-loaded {
+ color: var(--theme-highlight-blue);
+}
+
+.status-bar-label.load {
+ color: var(--theme-highlight-red);
+}
+
+.requests-list-network-summary-button {
+ display: inline-flex;
+ align-items: center;
+ cursor: pointer;
+ height: 20px;
+ background: none;
+ box-shadow: none;
+ border-color: transparent;
+ padding-inline-end: 0;
+ margin-top: 3px;
+ margin-bottom: 3px;
+ margin-inline-end: 1em;
+}
+
+.requests-list-network-summary-button > .summary-info-icon {
+ background: url(chrome://devtools/skin/images/profiler-stopwatch.svg) no-repeat;
+ -moz-context-properties: fill;
+ fill: var(--theme-toolbar-color);
+ width: 16px;
+ height: 16px;
+ opacity: 0.8;
+}
+
+.requests-list-network-summary-button:hover > .summary-info-icon {
+ opacity: 1;
+}