diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-18 16:03:20 +0200 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-18 16:03:20 +0200 |
commit | 7ae18c6b1ed8c9ce3105d5a8de3afa4d092221d5 (patch) | |
tree | 1fd604c6279c4ccaaccb32697350d8ce60b9d87a | |
parent | 052a3f0c711baaf80e6947bd38eb5d0444365874 (diff) | |
download | fosdem-2018-presentation-7ae18c6b1ed8c9ce3105d5a8de3afa4d092221d5.tar fosdem-2018-presentation-7ae18c6b1ed8c9ce3105d5a8de3afa4d092221d5.tar.gz |
'no notes on this slide' placeholder
-rw-r--r-- | css/reveal.css | 5 | ||||
-rw-r--r-- | css/reveal.scss | 10 | ||||
-rw-r--r-- | js/reveal.js | 2 |
3 files changed, 16 insertions, 1 deletions
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>'; } |