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

prevent extra page at end when printing to pdf, reader mode styling tweaks

Browse Source
This commit is contained in:
Hakim El Hattab
2023-10-13 16:02:55 +02:00
parent 28ef437a89
commit 836967d8ab
5 changed files with 27 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/print/pdf.scss
View File

@@ -70,6 +70,10 @@ html.reveal-print {
page-break-after: always;
}
.reveal .slides .pdf-page:last-of-type {
page-break-after: avoid;
}
.reveal .slides section {
visibility: visible !important;
display: block !important;

26
css/reveal.scss
View File

@@ -1883,7 +1883,7 @@ $notesWidthPercent: 25%;
z-index: 1;
--r-reader-progress-width: 8px;
--r-reader-progress-trigger-size: 6px;
--r-reader-progress-trigger-size: 5px;
}
@media screen and (max-width: 500px) {
@@ -1895,7 +1895,8 @@ $notesWidthPercent: 25%;
.reveal .progress,
.reveal .playback,
.reveal .backgrounds,
.reveal .slide-number {
.reveal .slide-number,
.reveal .speaker-notes {
display: none !important;
}
@@ -1968,11 +1969,18 @@ $notesWidthPercent: 25%;
}
}
// Chromium
.reveal-viewport.reveal-reader[data-reader-scroll-bar="true"]::-webkit-scrollbar,
.reveal-viewport.reveal-reader[data-reader-scroll-bar="auto"]::-webkit-scrollbar {
display: none;
}
// Firefox
.reveal-viewport.reveal-reader[data-reader-scroll-bar="true"],
.reveal-viewport.reveal-reader[data-reader-scroll-bar="auto"] {
scrollbar-width: none;
}
.reveal.has-dark-background,
.reveal-viewport.has-dark-background {
--r-overlay-element-bg-color: 240, 240, 240;
@@ -2041,7 +2049,7 @@ $notesWidthPercent: 25%;
}
.reader-progress-slide.active {
background-color: rgba(var(--r-overlay-element-bg-color), 1);
background-color: rgba(var(--r-overlay-element-bg-color), 0.4);
}
.reader-progress-trigger {
@@ -2061,14 +2069,20 @@ $notesWidthPercent: 25%;
width: var(--r-reader-progress-trigger-size);
height: var(--r-reader-progress-trigger-size);
border-radius: 20px;
bottom: 0;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
background-color: rgba(var(--r-overlay-element-bg-color), 0.8);
transition: transform 0.2s ease;
transition: transform 0.2s ease, opacity 0.2s ease;
opacity: 0.4;
}
.reader-progress-slide.active .reader-progress-trigger.active:after {
.reader-progress-slide.active .reader-progress-trigger.active:after,
.reader-progress-slide.active .reader-progress-trigger.active ~ .reader-progress-trigger:after {
opacity: 1;
}
.reader-progress-slide.active .reader-progress-trigger ~ .reader-progress-trigger.active:after {
transform: translate(calc( var(--r-reader-progress-width) * -2), 0);
background-color: rgba(var(--r-overlay-element-bg-color), 1);
}