Noratrieb/slides
1
0
Fork 0
mirror of https://github.com/Noratrieb/slides.git synced 2026-01-14 08:25:05 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

finishing touches on reader mode progress bar

Browse source
This commit is contained in:
Hakim El Hattab 2023-10-10 13:34:33 +02:00
parent 234799114a
commit a6abd0423e
8 changed files with 130 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

19
css/reveal.scss
View file

@ -2011,6 +2011,13 @@ $notesWidthPercent: 25%;
position: sticky;
top: 50%;
z-index: 20;
opacity: 0;
transition: all 0.3s ease;
&.visible,
&:hover {
opacity: 1;
}
.reader-progress-inner {
position: absolute;
@ -2021,6 +2028,18 @@ $notesWidthPercent: 25%;
transform: translateY(-50%);
border-radius: 8px;
z-index: 10;
// Hit area
&:after {
content: '';
position: absolute;
width: 200%;
height: 100%;
top: 0;
left: -50%;
background: rgba( 0, 0, 0, 0 );
z-index: -1;
}
}
.reader-progress-playhead {