From 7ae18c6b1ed8c9ce3105d5a8de3afa4d092221d5 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Thu, 18 May 2017 16:03:20 +0200
Subject: [PATCH] 'no notes on this slide' placeholder

---
 css/reveal.css  |  5 +++++
 css/reveal.scss | 10 ++++++++++
 js/reveal.js    |  2 +-
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/css/reveal.css b/css/reveal.css
index f5494ac..a7d2f4a 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1483,6 +1483,11 @@ body {
   text-align: left;
   font-family: Helvetica, sans-serif;
   -webkit-overflow-scrolling: touch; }
+  .reveal .speaker-notes .notes-placeholder {
+    color: #ccc;
+    font-style: italic; }
+  .reveal .speaker-notes:focus {
+    outline: none; }
   .reveal .speaker-notes:before {
     content: 'Speaker notes';
     display: block;
diff --git a/css/reveal.scss b/css/reveal.scss
index 1473095..6a5cc52 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1612,6 +1612,15 @@ $controlsArrowAngleActive: 36deg;
 	font-family: Helvetica, sans-serif;
 	-webkit-overflow-scrolling: touch;
 
+	.notes-placeholder {
+		color: #ccc;
+		font-style: italic;
+	}
+
+	&:focus {
+		outline: none;
+	}
+
 	&:before {
 		content: 'Speaker notes';
 		display: block;
@@ -1620,6 +1629,7 @@ $controlsArrowAngleActive: 36deg;
 	}
 }
 
+
 .reveal.show-notes {
 	max-width: 75vw;
 	overflow: visible;
diff --git a/js/reveal.js b/js/reveal.js
index ef9b741..1f4ad1e 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -2788,7 +2788,7 @@
 
 		if( config.showNotes && dom.speakerNotes && currentSlide && !isPrintingPDF() ) {
 
-			dom.speakerNotes.innerHTML = getSlideNotes() || '';
+			dom.speakerNotes.innerHTML = getSlideNotes() || '<span class="notes-placeholder">No notes on this slide.</span>';
 
 		}