danvics/ElegantFin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Applied focus state on seekbar for TV layout

Browse source 
dev: rearranged some code
This commit is contained in:
lscambo13 2025-05-15 13:23:01 -07:00
parent 28e766b59f
commit 5029a4aa23
1 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
Theme/ElegantFin-theme-nightly.css
View file

@ -982,11 +982,6 @@ progress+span {
} }
/* this is the osd player slider */ /* this is the osd player slider */
.sliderContainer:active .mdl-slider-background-flex {
height: .6em;
margin-top: -.3em;
}
.mdl-slider-background-flex { .mdl-slider-background-flex {
border-radius: var(--smallRadius); border-radius: var(--smallRadius);
height: .4em; height: .4em;
@ -995,6 +990,11 @@ progress+span {
transition: all 0.2s linear; transition: all 0.2s linear;
} }
.sliderContainer:active .mdl-slider-background-flex {
height: .6em;
margin-top: -.3em;
}
.mdl-slider-background-lower { .mdl-slider-background-lower {
background-color: var(--osdSeekBarPlayedColor); background-color: var(--osdSeekBarPlayedColor);
} }
@ -1005,9 +1005,6 @@ progress+span {
.mdl-slider::-webkit-slider-thumb { .mdl-slider::-webkit-slider-thumb {
background: var(--osdSeekBarThumbColor); background: var(--osdSeekBarThumbColor);
}
.mdl-slider::-webkit-slider-thumb {
width: 4px !important; width: 4px !important;
height: .4em !important; height: .4em !important;
border-radius: 0em; border-radius: 0em;
@ -1020,7 +1017,11 @@ progress+span {
transform: scale(1); transform: scale(1);
} }
.sliderContainer:active .mdl-slider::-webkit-slider-thumb { .sliderContainer:active .mdl-slider::-webkit-slider-thumb,
.mdl-slider.show-focus:focus::-webkit-slider-thumb {
width: .2em !important;
height: .8em !important;
border-radius: .2em;
transform: scale(1) scaleY(1.25); transform: scale(1) scaleY(1.25);
} }