mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-11 01:50:10 +08:00
44 lines
811 B
SCSS
44 lines
811 B
SCSS
$ps-size: 0.25rem;
|
|
$ps-hover-size: 0.375rem;
|
|
$ps-track-size: 0.5rem;
|
|
|
|
.ps__thumb-x,
|
|
.ps__thumb-y {
|
|
background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important;
|
|
}
|
|
|
|
.ps__thumb-y {
|
|
inline-size: $ps-size;
|
|
inset-inline-end: 0.0625rem;
|
|
}
|
|
|
|
.ps__thumb-x {
|
|
block-size: $ps-size !important;
|
|
}
|
|
|
|
.ps__rail-x {
|
|
background: transparent !important;
|
|
block-size: $ps-track-size;
|
|
}
|
|
|
|
.ps__rail-y {
|
|
background: transparent !important;
|
|
inline-size: $ps-track-size !important;
|
|
inset-inline-end: 0.125rem !important;
|
|
inset-inline-start: unset !important;
|
|
}
|
|
|
|
.ps__rail-y.ps--clicking .ps__thumb-y,
|
|
.ps__rail-y:focus > .ps__thumb-y,
|
|
.ps__rail-y:hover > .ps__thumb-y {
|
|
inline-size: $ps-hover-size;
|
|
}
|
|
|
|
// fix bug
|
|
@media(hover: none) {
|
|
.ps > .ps__rail-x,
|
|
.ps > .ps__rail-y {
|
|
opacity: 0.6;
|
|
}
|
|
}
|