mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-16 11:36:58 +02:00
Code Issues Releases Wiki Activity

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 {