From 9f1856d55be7b6ddb5df0df5d06f579966233822 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 18 Dec 2018 10:14:18 +0100
Subject: fix notes layout when container isnt as wide as viewport

---
 css/reveal.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'css/reveal.scss')

diff --git a/css/reveal.scss b/css/reveal.scss
index 8715762..75ffb72 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1619,6 +1619,8 @@ $controlsArrowAngleActive: 36deg;
  * SPEAKER NOTES
  *********************************************/
 
+$notesWidthPercent: 25%;
+
 // Hide on-page notes
 .reveal aside.notes {
 	display: none;
@@ -1629,7 +1631,7 @@ $controlsArrowAngleActive: 36deg;
 .reveal .speaker-notes {
 	display: none;
 	position: absolute;
-	width: 25vw;
+	width: $notesWidthPercent / (1-$notesWidthPercent/100) * 1%;
 	height: 100%;
 	top: 0;
 	left: 100%;
@@ -1665,7 +1667,7 @@ $controlsArrowAngleActive: 36deg;
 
 
 .reveal.show-notes {
-	max-width: 75vw;
+	max-width: 100% - $notesWidthPercent;
 	overflow: visible;
 }
 
-- 
cgit v1.2.3