netmonitor.css (3694B)
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 @import "chrome://devtools/content/shared/components/SidebarToggle.css"; 6 @import "chrome://devtools/content/shared/components/splitter/SplitBox.css"; 7 @import "chrome://devtools/content/shared/components/tree/TreeView.css"; 8 @import "chrome://devtools/content/shared/components/Accordion.css"; 9 @import "chrome://devtools/content/shared/components/tabs/Tabs.css"; 10 @import "chrome://devtools/skin/components-frame.css"; 11 @import "chrome://devtools/content/shared/sourceeditor/codemirror/lib/codemirror.css"; 12 @import "chrome://devtools/content/shared/sourceeditor/codemirror/addon/dialog/dialog.css"; 13 @import "chrome://devtools/content/shared/sourceeditor/codemirror/mozilla.css"; 14 @import "chrome://devtools/content/shared/components/MdnLink.css"; 15 @import "chrome://devtools/content/shared/components/NotificationBox.css"; 16 @import "chrome://devtools/content/shared/components/AppErrorBoundary.css"; 17 18 /* Network panel components & styles */ 19 @import "chrome://devtools/content/netmonitor/src/assets/styles/variables.css"; 20 @import "chrome://devtools/content/netmonitor/src/assets/styles/Toolbar.css"; 21 @import "chrome://devtools/content/netmonitor/src/assets/styles/StatusBar.css"; 22 @import "chrome://devtools/content/netmonitor/src/assets/styles/RequestList.css"; 23 @import "chrome://devtools/content/netmonitor/src/assets/styles/NetworkActionBar.css"; 24 @import "chrome://devtools/content/netmonitor/src/assets/styles/RequestBlockingPanel.css"; 25 @import "chrome://devtools/content/netmonitor/src/assets/styles/NetworkDetailsBar.css"; 26 @import "chrome://devtools/content/netmonitor/src/assets/styles/StatisticsPanel.css"; 27 @import "chrome://devtools/content/netmonitor/src/assets/styles/CustomRequestPanel.css"; 28 @import "chrome://devtools/content/netmonitor/src/assets/styles/HTTPCustomRequestPanel.css"; 29 @import "chrome://devtools/content/netmonitor/src/assets/styles/StatusCode.css"; 30 @import "chrome://devtools/content/netmonitor/src/assets/styles/messages.css"; 31 @import "chrome://devtools/content/netmonitor/src/assets/styles/search.css"; 32 @import "chrome://devtools/content/netmonitor/src/assets/styles/UrlPreview.css"; 33 @import "chrome://devtools/content/netmonitor/src/assets/styles/HeadersPanel.css"; 34 35 /* General */ 36 37 * { 38 box-sizing: border-box; 39 } 40 41 html, 42 body, 43 #mount, 44 .launchpad-root, 45 .network-monitor, 46 .monitor-panel { 47 flex: initial; 48 display: flex; 49 flex-direction: column; 50 height: 100%; 51 overflow: hidden; 52 } 53 54 .split-box { 55 overflow: hidden; 56 } 57 58 /* Drag and drop HAR files */ 59 60 .network-monitor > div { 61 height: 100%; 62 } 63 64 .network-monitor .dropHarFiles { 65 display: none; 66 align-items: center; 67 justify-content: center; 68 position: absolute; 69 text-align: center; 70 inset: 25px; 71 z-index: 100; 72 font-size: 3.5rem; 73 color: gray; 74 border: 4px dashed gray; 75 pointer-events: none; 76 } 77 78 .network-monitor > div[dragging="true"] .dropHarFiles { 79 display: flex; 80 } 81 82 .network-monitor > div[dragging="true"] { 83 filter: opacity(50%); 84 } 85 86 /* Show the network override icon */ 87 88 .tab-response-overridden #response-tab::before, 89 .requests-list-override.request-override-enabled::before { 90 content: ""; 91 display: inline-block; 92 height: 8px; 93 width: 8px; 94 border-radius: 100%; 95 /* Colors should be synced with .img.override::after 96 from devtools/client/debugger/src/components/shared/SourceIcon.css */ 97 background-color: var(--purple-30); 98 outline: 1px solid var(--theme-sidebar-background); 99 margin-inline-end: 5px; 100 } 101 102 .tab-response-overridden #response-tab::before { 103 margin-top: 4px; 104 }