HeadersPanel.css (4763B)
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 /* Headers tabpanel */ 6 7 .network-monitor .headers-panel-container { 8 height: 100%; 9 overflow: hidden; 10 position: relative; 11 } 12 13 .network-monitor .headers-panel-container .treeTable { 14 overflow: hidden; 15 } 16 17 .network-monitor .headers-panel-container .panel-container { 18 position: absolute; 19 top: calc(var(--theme-toolbar-height) + 1px); 20 bottom: 0; 21 right: 0; 22 left: 0; 23 height: auto; 24 } 25 26 .network-monitor .headers-panel-container .devtools-button { 27 padding: 0; 28 } 29 .network-monitor .headers-panel-container .devtools-dropdown-button { 30 padding: 0; 31 } 32 33 .network-monitor .headers-panel-container .devtools-button:is(#block-button, #edit-resend-button) { 34 height: 19px; 35 padding: 0 2px; 36 } 37 38 .network-monitor .headers-panel-container .devtools-button:not(:hover) { 39 background-color: transparent; 40 } 41 42 .network-monitor .headers-overview { 43 border-bottom: 1px solid var(--theme-splitter-color); 44 } 45 46 .network-monitor .headers-overview .summary { 47 padding: 6px 16px 2px; 48 } 49 50 .network-monitor .headers-summary, 51 .network-monitor .response-summary { 52 display: flex; 53 align-items: center; 54 } 55 56 .network-monitor .raw-headers-toggle { 57 display: flex; 58 flex-direction: row; 59 flex-wrap: nowrap; 60 justify-content: flex-end; 61 align-items: center; 62 cursor: pointer; 63 } 64 65 .network-monitor .raw-headers-toggle .headers-summary-label { 66 color: var(--theme-toolbar-color); 67 } 68 69 .network-monitor .raw-headers-toggle-input > input { 70 display: inline-block; 71 width: 2em; 72 vertical-align: bottom; 73 font-size: 12px; 74 } 75 76 .network-monitor .properties-view .tree-container .treeTable .treeValueCell .devtools-checkbox-toggle { 77 margin-block: 2px; 78 } 79 80 .network-monitor .properties-view .raw-headers-container .raw-headers { 81 display: block; 82 overflow: hidden; 83 width: 100%; 84 padding: 2px 12px; 85 white-space: pre; 86 overflow-wrap: normal; 87 overflow-x: auto; 88 border: none; 89 } 90 91 .network-monitor .accordion-item .treeTable .objectBox-string { 92 color: var(--theme-body-color); 93 } 94 95 .network-monitor .accordion-item .treeTable tr.treeRow.selected .objectBox-string { 96 color: var(--theme-selection-color); 97 } 98 99 .network-monitor .properties-view .raw-headers-container td { 100 display: block; 101 } 102 103 .network-monitor .properties-view .raw-headers-container textarea { 104 width: 100%; 105 font-family: var(--monospace-font-family); 106 font-size: var(--theme-body-font-size); 107 resize: none; 108 } 109 110 .theme-light .network-monitor .properties-view textarea { 111 background-color: white; 112 border: 1px solid var(--grey-25); 113 color: var(--grey-90); 114 } 115 116 .theme-dark .network-monitor .properties-view textarea { 117 background-color: var(--grey-70); 118 border: 1px solid var(--grey-85); 119 color: white; 120 } 121 122 .network-monitor .properties-view .raw-headers .tabpanel-summary-label { 123 padding: 0 0 4px; 124 } 125 126 .headers-summary .textbox-input { 127 margin-inline-end: 2px; 128 } 129 130 .network-monitor .headers-summary .status-text { 131 width: auto !important; 132 margin-inline-start: 4px; 133 } 134 135 .network-monitor .headers-panel-container .accordion .properties-view tr.treeRow { 136 padding: 1px 0 2px; 137 } 138 .network-monitor .headers-panel-container .accordion .properties-view tr.treeRow .treeLabelCell { 139 float: left; 140 margin-right: -33px; 141 margin-left: 5px; 142 padding: 0; 143 } 144 .network-monitor .headers-panel-container .accordion .properties-view tr.treeRow .treeValueCell { 145 display: inline; 146 word-break: break-all; 147 box-decoration-break: clone; 148 padding-left: 39px; 149 padding-right: 20px; 150 } 151 152 .network-monitor .headers-panel-container .accordion .properties-view tr.treeRow .treeValueCell div { 153 display: inline; 154 } 155 156 /* Cookies */ 157 158 .network-monitor .cookies-panel-container .accordion .properties-view tr.treeRow .treeLabelCell { 159 padding-inline-start: 0; 160 } 161 162 /* Summary tabpanel */ 163 164 .network-monitor .tabpanel-summary-container { 165 flex-wrap: wrap; 166 padding-inline-start: 4px; 167 margin-bottom: 5px; 168 } 169 170 .network-monitor .tabpanel-summary-container .tracking-resource { 171 margin-inline: -2px 2px; 172 vertical-align: text-bottom; 173 fill: var(--theme-icon-color); 174 } 175 176 .network-monitor .tabpanel-summary-label { 177 display: inline-block; 178 padding-inline-end: 3px; 179 min-width: 150px; 180 color: var(--theme-text-color-alt); 181 } 182 183 .network-monitor .tabpanel-summary-value { 184 color: inherit; 185 padding-inline-start: 3px; 186 unicode-bidi: plaintext; 187 } 188 189 .network-monitor .tabpanel-summary-value strong { 190 margin-right: 3px; 191 } 192 193 .network-monitor .tracking-protection { 194 color: var(--theme-text-color-alt); 195 max-width: 200px; 196 } 197 198 .network-monitor .headers-summary-label, 199 .network-monitor .tree-container .objectBox { 200 white-space: nowrap; 201 }