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 611582c93d
commit 7421f041e6
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;
} }
} }