tor-browser

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

SecondaryPanes.css (2050B)

      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 .secondary-panes {
      6  overflow-x: hidden;
      7  overflow-y: auto;
      8  display: flex;
      9  flex-direction: column;
     10  flex: 1;
     11  white-space: nowrap;
     12  background-color: var(--theme-sidebar-background);
     13  --breakpoint-expression-right-clear-space: 36px;
     14 }
     15 
     16 .secondary-panes .controlled > div {
     17  max-width: 100%;
     18 }
     19 
     20 /*
     21  We apply overflow to the container with the commandbar.
     22  This allows the commandbar to remain fixed when scrolling
     23  until the content completely ends. Not just the height of
     24  the wrapper.
     25  Ref: https://github.com/firefox-devtools/debugger/issues/3426
     26 */
     27 
     28 .secondary-panes-wrapper {
     29  height: 100%;
     30  width: 100%;
     31  display: flex;
     32  flex-direction: column;
     33 }
     34 
     35 .secondary-panes .accordion {
     36  flex: 1 0 auto;
     37  margin-bottom: 0;
     38 }
     39 
     40 .secondary-panes-wrapper .accordion li:last-child ._content {
     41  border-bottom: 0;
     42 }
     43 
     44 .pane {
     45  color: var(--theme-body-color);
     46 }
     47 
     48 .pane .pane-info {
     49  text-align: start;
     50  padding: 0.5em;
     51  gap: 8px;
     52  display: flex;
     53  white-space: normal;
     54 }
     55 
     56 .pane .pane-info.no-original-scopes-info {
     57  background-color: var(--theme-warning-background);
     58  color: var(--theme-warning-color);
     59 }
     60 
     61 .secondary-panes .breakpoints-buttons {
     62  display: flex;
     63 }
     64 
     65 .dropdown {
     66  width: 20em;
     67  overflow: auto;
     68 }
     69 
     70 .secondary-panes input[type="checkbox"] {
     71  margin: 0;
     72  margin-inline-end: 4px;
     73  vertical-align: text-top;
     74 }
     75 
     76 .secondary-panes-wrapper .command-bar.bottom {
     77  background-color: var(--theme-body-background);
     78 }
     79 
     80 /**
     81 * Skip Pausing style
     82 * Add a gray background and lower content opacity
     83 */
     84 .skip-pausing .xhr-breakpoints-pane ._content,
     85 .skip-pausing .breakpoints-pane ._content,
     86 .skip-pausing .event-listeners-pane ._content,
     87 .skip-pausing .dom-mutations-pane ._content {
     88  background-color: var(--skip-pausing-background-color);
     89  opacity: var(--skip-pausing-opacity);
     90  color: var(--skip-pausing-color);
     91 }