Source code
Revision control
Copy as Markdown
Other Tools
/* 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
/* Toolbar */
.devtools-toolbar {
display: flex;
align-items: center;
}
#netmonitor-toolbar-container > .devtools-toolbar {
min-height: var(--primary-toolbar-height);
}
.requests-list-filter-buttons {
white-space: nowrap;
margin: 0 7px;
}
.devtools-button.requests-list-pause-button::before {
margin-bottom: 1px;
}
.devtools-button.requests-list-pause-button::before {
background-image: url("chrome://devtools/skin/images/pause.svg");
}
.devtools-button.requests-list-pause-button[aria-pressed="true"]::before {
background-image: url("chrome://devtools/content/netmonitor/src/assets/icons/play.svg");
}
/* New HTTP Custom Request button */
.devtools-button.devtools-http-custom-request-icon::before {
background-image: url("chrome://devtools/skin/images/add.svg");
background-size: 13px;
}
/* Search button */
.devtools-button.devtools-search-icon::before {
background-image: url("chrome://devtools/skin/images/search.svg");
background-size: 13px;
}
/* Request blocking button */
.devtools-button.requests-list-blocking-button::before {
background-image: url("chrome://devtools/skin/images/blocked.svg");
}
.devtools-button.netmonitor-settings-menu-button::before {
background-image: url("chrome://devtools/skin/images/settings.svg");
}
.devtools-button.requests-list-blocking-button.requests-list-blocking-button-enabled {
position: relative;
--badge-outline-color: var(--theme-body-background);
&:is(:hover, [aria-pressed="true"]) {
--badge-outline-color: var(--toolbarbutton-hover-background);
}
&::after {
content: "";
display: block;
position: absolute;
aspect-ratio: 1 / 1;
width: 6px;
border-radius: 100%;
inset-inline-end: 4px;
inset-block-end: 2px;
background-color: var(--theme-icon-error-color);
outline: 2px solid var(--badge-outline-color);
}
}
/* Throttling Button */
#network-throttling-menu {
margin-inline-start: 10px;
margin-inline-end: 10px;
}
.devtools-toolbar .devtools-checkbox {
position: relative;
vertical-align: middle;
bottom: 1px;
}
#devtools-cache-checkbox {
vertical-align: unset;
bottom: -1px;
}
.devtools-toolbar .devtools-checkbox-label {
margin-inline-start: 2px;
margin-inline-end: 2px;
white-space: nowrap;
}
.devtools-toolbar .devtools-checkbox-label.devtools-cache-checkbox {
margin-inline-end: 7px;
}
/* Hide filter input learn more link if there is not enough
horizontal space. */
@media (max-width: 590px) {
.network-monitor .devtools-searchbox .learn-more-link {
display: none;
}
}