tor-browser

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

Threads.css (1221B)


      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 .threads-list {
      6  padding: 4px 0;
      7 }
      8 
      9 .threads-list * {
     10  user-select: none;
     11 }
     12 
     13 .threads-list > .thread {
     14  font-size: inherit;
     15  color: var(--theme-text-color-strong);
     16  padding: 2px 6px;
     17  padding-inline-start: 20px;
     18  line-height: 16px;
     19  position: relative;
     20  cursor: pointer;
     21  display: flex;
     22  align-items: center;
     23  gap: 4px;
     24 
     25  &:hover {
     26    background-color: var(--search-overlays-semitransparent);
     27  }
     28 
     29  &.selected {
     30    background: var(--theme-selection-background);
     31    color: var(--theme-selection-color);
     32 
     33    & .dbg-img {
     34      background-color: currentColor;
     35    }
     36  }
     37 
     38  &.paused:not(.selected) {
     39    background-color: var(--paused-background-color);
     40    color: var(--paused-color);
     41  }
     42 }
     43 
     44 .threads-list .icon {
     45  flex: none;
     46 }
     47 
     48 .threads-list .dbg-img {
     49  display: block;
     50 }
     51 
     52 .threads-list .label {
     53  display: inline-block;
     54  flex-grow: 1;
     55  flex-shrink: 1;
     56  overflow: hidden;
     57  white-space: nowrap;
     58  text-overflow: ellipsis;
     59 }
     60 
     61 .threads-list .pause-badge {
     62  flex: none;
     63  font-weight: bold;
     64 }