1
0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-22 22:32:57 +02:00

reduce lightbox header in small windows

This commit is contained in:
Hakim El Hattab
2025-03-25 11:58:04 +01:00
parent 1923a5c7a4
commit 722b14b89f
7 changed files with 21 additions and 8 deletions

View File

@@ -39,6 +39,12 @@ html.reveal-full-page {
--r-overlay-gap: 5px;
}
@media screen and (max-width: 1024px), (max-height: 768px) {
.reveal-viewport {
--r-overlay-header-height: 26px;
}
}
// Force the presentation to cover the full viewport when we
// enter fullscreen mode. Fixes sizing issues in Safari.
.reveal-viewport:fullscreen {
@@ -1492,7 +1498,7 @@ $controlsArrowAngleActive: 36deg;
justify-content: center;
min-width: var(--r-overlay-header-height);
min-height: var(--r-overlay-header-height);
padding: 0 10px;
padding: 0 calc(var(--r-overlay-header-height) / 4);
opacity: 1;
border-radius: 6px;
font-size: 18px;