tor-browser

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

XHRBreakpoints.css (2271B)

      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 .xhr-breakpoints-pane ._content {
      6  overflow-x: auto;
      7 }
      8 
      9 .xhr-input-container {
     10  display: flex;
     11 }
     12 
     13 .xhr-input-form {
     14  display: flex;
     15  gap: 8px;
     16  flex-wrap: wrap;
     17  width: 100%;
     18  /* helps to display a nice outline on focused elements */
     19  padding-block: 2px;
     20  padding-inline-start: 20px;
     21  padding-inline-end: 12px;
     22  /* Stop select height from increasing as input height increases */
     23  align-items: center;
     24 }
     25 
     26 .xhr-checkbox {
     27  margin-inline-start: 0;
     28  margin-inline-end: 4px;
     29 }
     30 
     31 .xhr-input-url {
     32  border: 1px;
     33  flex: 1 1 100px;
     34  min-width: min(100%, 100px);
     35  height: 24px;
     36  background-color: var(--theme-sidebar-background);
     37  font-size: inherit;
     38  color: var(--theme-body-color);
     39 }
     40 
     41 .xhr-input-url::placeholder {
     42  color: var(--theme-text-color-alt);
     43  opacity: 1;
     44 }
     45 
     46 .expressions-list .xhr-input-url {
     47  /* Prevent vertical bounce when editing an existing XHR Breakpoint */
     48  height: 100%;
     49 }
     50 
     51 .xhr-input-method {
     52  flex: 0 1 100px;
     53  min-width: min(100%, 100px);
     54 }
     55 
     56 .xhr-container {
     57  border-left: 4px solid transparent;
     58  width: 100%;
     59  color: var(--theme-body-color);
     60  padding-inline-start: 16px;
     61  padding-inline-end: 6px;
     62  display: flex;
     63  align-items: center;
     64  position: relative;
     65  height: var(--expression-item-height);
     66 }
     67 
     68 :root.theme-light .xhr-container:hover {
     69  background-color: var(--search-overlays-semitransparent);
     70 }
     71 
     72 :root.theme-dark .xhr-container:hover {
     73  background-color: var(--search-overlays-semitransparent);
     74 }
     75 
     76 .xhr-label-method {
     77  line-height: 14px;
     78  display: inline-block;
     79  margin-inline-end: 2px;
     80 }
     81 
     82 .xhr-input-container:not(.focused) .xhr-input-method {
     83  display: none;
     84 }
     85 
     86 .xhr-label-url {
     87  max-width: calc(100% - var(--breakpoint-expression-right-clear-space));
     88  color: var(--theme-comment);
     89  display: inline-block;
     90  cursor: text;
     91  flex-grow: 1;
     92  text-overflow: ellipsis;
     93  overflow: hidden;
     94  padding: 0 2px 0 2px;
     95  line-height: 14px;
     96 }
     97 
     98 .xhr-container label {
     99  flex-grow: 1;
    100  display: flex;
    101  align-items: center;
    102  max-width: 100%;
    103 }
    104 
    105 .xhr-container__close-btn {
    106  display: flex;
    107  padding: 2px;
    108 }