From 6fe0cbc0dde8a3409194eb1f346ae18313a9c2c5 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Mon, 17 Dec 2018 12:58:55 +0100 Subject: prefer vh for speaker notes layout --- css/reveal.css | 11 ++++++++--- css/reveal.scss | 5 +++++ 2 files changed, 13 insertions(+), 3 deletions(-) (limited to 'css') diff --git a/css/reveal.css b/css/reveal.css index 4a9c604..dc12ee4 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1531,19 +1531,24 @@ body { border-left: 0; max-width: none; max-height: 70%; + max-height: 70vh; overflow: visible; } .reveal.show-notes .speaker-notes { top: 100%; left: 0; width: 100%; - height: 42.8571428571%; } } + height: 42.8571428571%; + height: 30vh; + border: 0; } } @media screen and (max-width: 600px) { .reveal.show-notes { - max-height: 60%; } + max-height: 60%; + max-height: 60vh; } .reveal.show-notes .speaker-notes { top: 100%; - height: 66.6666666667%; } + height: 66.6666666667%; + height: 40vh; } .reveal .speaker-notes { font-size: 14px; } } diff --git a/css/reveal.scss b/css/reveal.scss index 63d1d45..8715762 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -1684,6 +1684,7 @@ $controlsArrowAngleActive: 36deg; border-left: 0; max-width: none; max-height: 70%; + max-height: 70vh; overflow: visible; } @@ -1692,17 +1693,21 @@ $controlsArrowAngleActive: 36deg; left: 0; width: 100%; height: (30/0.7)*1%; + height: 30vh; + border: 0; } } @media screen and (max-width: 600px) { .reveal.show-notes { max-height: 60%; + max-height: 60vh; } .reveal.show-notes .speaker-notes { top: 100%; height: (40/0.6)*1%; + height: 40vh; } .reveal .speaker-notes { -- cgit v1.2.3