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

Avoid text jump when the stream is paused

Browse source 
When the scrollbar goes from display none to being visible, the
text beside it can jump in-place. This change avoids that by making
the scrollbar invisible.
This commit is contained in:
0x1eef 2023-12-04 05:27:06 -03:00
parent 8e364f6a43
commit ac9992ece8
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -50,8 +50,12 @@ body .root .content.theme {
ul.body.stream.playing { ul.body.stream.playing {
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { ::-webkit-scrollbar-track:hover,
display: none; ::-webkit-scrollbar-track:active,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
background-color: #FFF;
} }
} }