tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

Toolbar.css (2809B)

      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 /* Toolbar */
      6 
      7 .devtools-toolbar {
      8  display: flex;
      9  align-items: center;
     10 }
     11 
     12 #netmonitor-toolbar-container > .devtools-toolbar {
     13  /* @TODO: Remove this in bug 1535956 */
     14  min-height: var(--primary-toolbar-height);
     15 }
     16 
     17 .requests-list-filter-buttons {
     18  white-space: nowrap;
     19  margin: 0 7px;
     20 }
     21 
     22 .devtools-button.requests-list-pause-button::before {
     23  margin-bottom: 1px;
     24 }
     25 
     26 .devtools-button.requests-list-pause-button::before {
     27  background-image: url("chrome://devtools/skin/images/pause.svg");
     28 }
     29 
     30 .devtools-button.requests-list-pause-button[aria-pressed="true"]::before {
     31  background-image: url("chrome://devtools/content/netmonitor/src/assets/icons/play.svg");
     32 }
     33 
     34 /* New HTTP Custom Request button */
     35 .devtools-button.devtools-http-custom-request-icon::before {
     36  background-image: url("chrome://devtools/skin/images/add.svg");
     37  background-size: 13px;
     38 }
     39 
     40 /* Search button */
     41 .devtools-button.devtools-search-icon::before {
     42  background-image: url("chrome://devtools/skin/images/search.svg");
     43  background-size: 13px;
     44 }
     45 
     46 /* Request blocking button */
     47 .devtools-button.requests-list-blocking-button::before {
     48  background-image: url("chrome://devtools/skin/images/blocked.svg");
     49 }
     50 
     51 .devtools-button.netmonitor-settings-menu-button::before {
     52  background-image: url("chrome://devtools/skin/images/settings.svg");
     53 }
     54 
     55 .devtools-button.requests-list-blocking-button.requests-list-blocking-button-enabled {
     56  position: relative;
     57  --badge-outline-color: var(--theme-body-background);
     58 
     59  &:is(:hover, [aria-pressed="true"]) {
     60    --badge-outline-color: var(--toolbarbutton-hover-background);
     61  }
     62 
     63  &::after {
     64    content: "";
     65    display: block;
     66    position: absolute;
     67    aspect-ratio: 1 / 1;
     68    width: 6px;
     69    border-radius: 100%;
     70    inset-inline-end: 4px;
     71    inset-block-end: 2px;
     72    background-color: var(--theme-icon-error-color);
     73    outline: 2px solid var(--badge-outline-color);
     74  }
     75 }
     76 
     77 /* Throttling Button */
     78 
     79 #network-throttling-menu {
     80  margin-inline-start: 10px;
     81  margin-inline-end: 10px;
     82 }
     83 
     84 .devtools-toolbar .devtools-checkbox {
     85  position: relative;
     86  vertical-align: middle;
     87  bottom: 1px;
     88 }
     89 
     90 #devtools-cache-checkbox {
     91  vertical-align: unset;
     92  bottom: -1px;
     93 }
     94 
     95 .devtools-toolbar .devtools-checkbox-label {
     96  margin-inline-start: 2px;
     97  margin-inline-end: 2px;
     98  white-space: nowrap;
     99 }
    100 
    101 .devtools-toolbar .devtools-checkbox-label.devtools-cache-checkbox {
    102  margin-inline-end: 7px;
    103 }
    104 
    105 /* Hide filter input learn more link if there is not enough
    106   horizontal space. */
    107 @media (max-width: 590px) {
    108  .network-monitor .devtools-searchbox .learn-more-link {
    109    display: none;
    110  }
    111 }