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 }