mirror of
https://github.com/euzu/tuliprox.git
synced 2026-10-01 21:42:06 +02:00
33ed942c16
* feat(update): add per-input actions and pipeline transparency Squash feature/cluster-update-quality onto upstream/develop. Include request-local update policies, persisted input and cluster status, library rescan and target rebuild integration, and the update-card view. Align the M3U request regression with the existing Force capability. * del(build): temporary dev changes * fix(update): address playlist review findings * fix(update): rename Shows to Series * Playlist update refactor * Playlist update refactor --------- Co-authored-by: euzu <euzu@proton.me>
95 lines
2.2 KiB
SCSS
95 lines
2.2 KiB
SCSS
.tp__range-slider {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) 3.25rem;
|
|
align-items: center;
|
|
gap: var(--gap-small);
|
|
width: 100%;
|
|
|
|
&--disabled {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
&__range {
|
|
--tp-range-slider-fill: 0%;
|
|
|
|
width: 100%;
|
|
height: 0.55rem;
|
|
margin: 0;
|
|
border-radius: var(--border-radius);
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--text-button-primary-background-color) 0%,
|
|
var(--text-button-primary-background-color) var(--tp-range-slider-fill),
|
|
var(--card-border-color) var(--tp-range-slider-fill),
|
|
var(--card-border-color) 100%
|
|
);
|
|
cursor: pointer;
|
|
|
|
&:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
|
|
&__range::-webkit-slider-thumb {
|
|
width: 1.15rem;
|
|
height: 1.15rem;
|
|
border: 1px solid var(--card-border-color);
|
|
border-radius: 50%;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
background-color: var(--text-button-primary-color);
|
|
box-shadow: var(--toggle-switch-toggle-shadow);
|
|
}
|
|
|
|
&__range::-moz-range-thumb {
|
|
width: 1.15rem;
|
|
height: 1.15rem;
|
|
border: 1px solid var(--card-border-color);
|
|
border-radius: 50%;
|
|
background-color: var(--text-button-primary-color);
|
|
box-shadow: var(--toggle-switch-toggle-shadow);
|
|
}
|
|
|
|
&__range::-moz-range-track {
|
|
height: 0.55rem;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
}
|
|
|
|
&__value {
|
|
box-sizing: border-box;
|
|
width: 3.25rem;
|
|
min-width: 3.25rem;
|
|
min-height: 2.5rem;
|
|
max-height: 2.5rem;
|
|
padding: var(--padding-small) var(--padding-mini);
|
|
border: 1px solid var(--input-border-color);
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--input-background-color);
|
|
color: var(--modest-text-color);
|
|
font-family: inherit;
|
|
font-size: var(--font-size-md);
|
|
line-height: 1.5rem;
|
|
text-align: center;
|
|
appearance: textfield;
|
|
|
|
&:focus {
|
|
border-color: var(--input-focus-border-color);
|
|
outline: none;
|
|
}
|
|
|
|
&:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
&::-webkit-inner-spin-button,
|
|
&::-webkit-outer-spin-button {
|
|
margin: 0;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
}
|
|
}
|