Fix: Applied focus state on seekbar for TV layout

dev: rearranged some code
This commit is contained in:
lscambo13
2025-05-15 13:23:01 -07:00
parent 28e766b59f
commit 5029a4aa23

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);
} }