ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove 'playing', 'stopped' CSS classes

Browse source
This commit is contained in:
0x1eef 2024-02-24 00:06:08 -03:00
parent c23cf266b9
commit 58477688b0
2 changed files with 1 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/css/pages/SurahStream.scss
View file

@ -46,21 +46,6 @@ body .root .content.theme {
}
}
ul.body.stream.stopped {
overflow-y: auto;
}
ul.body.stream.playing {
overflow-y: auto;
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track:active,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
background-color: #FFF;
}
}
footer {
.timer {
display: flex;

3
src/js/components/Stream.tsx
View file

@ -23,8 +23,7 @@ export function Stream({
isPaused,
t,
}: Props) {
const className =
endOfStream || isPaused ? ["stopped", "scroll-y"] : ["playing"];
const className = endOfStream || isPaused ? ["scroll-y"] : [];
const ref = useRef<HTMLUListElement>();
const ul = useMemo<JSX.Element>(() => {
return (