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

reader mode progress bar can be dragged to scroll

Browse Source
This commit is contained in:
Hakim El Hattab
2023-10-10 11:16:31 +02:00
parent f80ee3b917
commit 234799114a
7 changed files with 80 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
css/reveal.scss
View File

@@ -2021,7 +2021,6 @@ $notesWidthPercent: 25%;
transform: translateY(-50%);
border-radius: 8px;
z-index: 10;
overflow: hidden;
}
.reader-progress-playhead {
@@ -2031,7 +2030,7 @@ $notesWidthPercent: 25%;
top: 0;
left: 0;
border-radius: 8px;
background-color: rgba( 255, 255, 255, 0.7);
background-color: #fff;
transition: all 0.1s ease;
z-index: 2;
}
@@ -2040,19 +2039,35 @@ $notesWidthPercent: 25%;
position: absolute;
width: 100%;
transition: all 0.2s ease;
background-color: rgba( 0, 0, 0, 0.4 );
background-color: rgba( 255, 255, 255, 0.2 );
border-radius: 8px;
}
.reader-progress-slide:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.reader-progress-slide.active {
background-color: #000;
border-radius: 8px;
background-color: #fff;
}
.reader-progress-trigger {
position: absolute;
width: 100%;
transition: all 0.2s ease;
}
.reader-progress-slide.active.has-triggers {
background-color: rgba( 255, 255, 255, 0.4 );
z-index: 10;
}
.reader-progress-slide.active .reader-progress-trigger:after {
content: '';
position: absolute;
width: 4px;
height: 4px;
border-radius: 6px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #000;
}
}