summaryrefslogtreecommitdiffstats
path: root/devtools/client/netmonitor/src/assets/styles/HeadersPanel.css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
commit6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch)
treea68f146d7fa01f0134297619fbe7e33db084e0aa /devtools/client/netmonitor/src/assets/styles/HeadersPanel.css
parentInitial commit. (diff)
downloadthunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz
thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'devtools/client/netmonitor/src/assets/styles/HeadersPanel.css')
-rw-r--r--devtools/client/netmonitor/src/assets/styles/HeadersPanel.css210
1 files changed, 210 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/src/assets/styles/HeadersPanel.css b/devtools/client/netmonitor/src/assets/styles/HeadersPanel.css
new file mode 100644
index 0000000000..f62ec166e1
--- /dev/null
+++ b/devtools/client/netmonitor/src/assets/styles/HeadersPanel.css
@@ -0,0 +1,210 @@
+/* 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/. */
+
+/* Headers tabpanel */
+
+.network-monitor .headers-panel-container {
+ height: 100%;
+ overflow: hidden;
+ position: relative;
+}
+
+.network-monitor .headers-panel-container .treeTable {
+ overflow: hidden;
+}
+
+.network-monitor .headers-panel-container .panel-container {
+ position: absolute;
+ top: calc(var(--theme-toolbar-height) + 1px);
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: auto;
+}
+
+.network-monitor .headers-panel-container .devtools-button {
+ padding: 0;
+}
+.network-monitor .headers-panel-container .devtools-dropdown-button {
+ padding: 0;
+}
+
+.network-monitor .headers-panel-container .devtools-button:is(#block-button, #edit-resend-button) {
+ height: 19px;
+ padding: 0 2px;
+}
+
+.network-monitor .headers-panel-container .devtools-button:not(:hover) {
+ background-color: transparent;
+}
+
+.network-monitor .headers-overview {
+ border-bottom: 1px solid var(--theme-splitter-color);
+}
+
+.network-monitor .headers-overview .summary {
+ padding: 6px 16px 2px;
+}
+
+.network-monitor .headers-summary,
+.network-monitor .response-summary {
+ display: flex;
+ align-items: center;
+}
+
+.network-monitor .raw-headers-toggle {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: flex-end;
+ align-items: center;
+ cursor: pointer;
+}
+
+.network-monitor .raw-headers-toggle .headers-summary-label {
+ color: var(--theme-toolbar-color);
+}
+
+.network-monitor .raw-headers-toggle-input > input {
+ display: inline-block;
+ width: 2em;
+ vertical-align: bottom;
+ font-size: 12px;
+}
+
+.network-monitor .properties-view .tree-container .treeTable .treeValueCell .devtools-checkbox-toggle {
+ margin-block: 2px;
+}
+
+.network-monitor .properties-view .raw-headers-container .raw-headers {
+ display: block;
+ overflow: hidden;
+ width: 100%;
+ padding: 2px 12px;
+ white-space: pre;
+ overflow-wrap: normal;
+ overflow-x: auto;
+ border: none;
+}
+
+.network-monitor .accordion-item .treeTable .objectBox-string {
+ color: var(--theme-body-color);
+}
+
+.network-monitor .accordion-item .treeTable tr.treeRow.selected .objectBox-string {
+ color: var(--theme-selection-color);
+}
+
+.network-monitor .properties-view .raw-headers-container td {
+ display: block;
+}
+
+.network-monitor .properties-view .raw-headers-container textarea {
+ width: 100%;
+ font-family: var(--monospace-font-family);
+ font-size: var(--theme-body-font-size);
+ resize: none;
+}
+
+.theme-light .network-monitor .properties-view textarea {
+ background-color: white;
+ border: 1px solid var(--grey-25);
+ color: var(--grey-90);
+}
+
+.theme-dark .network-monitor .properties-view textarea {
+ background-color: var(--grey-70);
+ border: 1px solid var(--grey-85);
+ color: white;
+}
+
+.network-monitor .properties-view .raw-headers .tabpanel-summary-label {
+ padding: 0 0 4px;
+}
+
+.headers-summary .textbox-input {
+ margin-inline-end: 2px;
+}
+
+.network-monitor .headers-summary .status-text {
+ width: auto !important;
+ margin-inline-start: 4px;
+}
+
+.network-monitor .headers-panel-container .accordion .properties-view tr.treeRow {
+ padding: 1px 0 2px;
+}
+.network-monitor .headers-panel-container .accordion .properties-view tr.treeRow .treeLabelCell {
+ float: left;
+ margin-right: -33px;
+ margin-left: 5px;
+ padding: 0;
+
+}
+.network-monitor .headers-panel-container .accordion .properties-view tr.treeRow .treeValueCell {
+ display: inline;
+ word-break: break-all;
+ box-decoration-break: clone;
+ padding-left: 39px;
+ padding-right: 20px;
+}
+
+.network-monitor .headers-panel-container .accordion .properties-view tr.treeRow .treeValueCell div {
+ display: inline;
+}
+
+/* Cookies */
+
+.network-monitor .cookies-panel-container .accordion .properties-view tr.treeRow .treeLabelCell {
+ padding-inline-start: 0;
+}
+
+/* Summary tabpanel */
+
+.network-monitor .tabpanel-summary-container {
+ flex-wrap: wrap;
+ padding-inline-start: 4px;
+ margin-bottom: 5px;
+}
+
+.network-monitor .tabpanel-summary-container .tracking-resource {
+ margin-inline: -2px 2px;
+ vertical-align: text-bottom;
+ fill: var(--theme-icon-color);
+}
+
+.network-monitor .tabpanel-summary-label {
+ display: inline-block;
+ padding-inline-end: 3px;
+ min-width: 90px;
+ color: var(--theme-icon-dimmed-color);
+}
+
+.network-monitor .tabpanel-summary-value {
+ color: inherit;
+ padding-inline-start: 3px;
+ unicode-bidi: plaintext;
+}
+
+.network-monitor .tabpanel-summary-value strong {
+ margin-right: 3px;
+}
+
+.theme-dark .network-monitor .tabpanel-summary-value {
+ color: var(--theme-selection-color);
+}
+
+.network-monitor .tracking-protection {
+ color: var(--theme-icon-dimmed-color);
+ max-width: 200px;
+}
+
+.network-monitor .tracking-protection .learn-more-link:not(:hover)::before {
+ color: var(--theme-icon-dimmed-color);
+}
+
+.network-monitor .headers-summary-label,
+.network-monitor .tree-container .objectBox {
+ white-space: nowrap;
+}