1
0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-09-09 22:20:51 +02:00

new, fixed, speaker notes layout

This commit is contained in:
Hakim El Hattab
2016-10-11 11:03:49 +02:00
parent 44a355b6e9
commit 2cc5ae946b
4 changed files with 71 additions and 37 deletions

View File

@@ -269,11 +269,11 @@ body {
left: 50%;
-webkit-transform: translateX(-50%) rotate(-90deg);
transform: translateX(-50%) rotate(-90deg); }
.reveal .controls[data-controls-back-arrows="deemphasized"] .navigate-left.enabled,
.reveal .controls[data-controls-back-arrows="deemphasized"] .navigate-up.enabled {
.reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled,
.reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled {
opacity: 0.3; }
.reveal .controls[data-controls-back-arrows="deemphasized"] .navigate-left.enabled:hover,
.reveal .controls[data-controls-back-arrows="deemphasized"] .navigate-up.enabled:hover {
.reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover,
.reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover {
opacity: 1; }
.reveal .controls[data-controls-back-arrows="hidden"] .navigate-left.enabled,
.reveal .controls[data-controls-back-arrows="hidden"] .navigate-up.enabled {
@@ -1433,36 +1433,49 @@ body {
.reveal aside.notes {
display: none; }
.reveal.show-notes {
max-width: 80vw;
overflow: visible; }
.reveal .speaker-notes {
display: none;
display: block;
position: absolute;
width: 70%;
max-height: 15%;
left: 15%;
bottom: 26px;
padding: 10px;
width: 20vw;
height: 100%;
top: 0;
left: 100%;
padding: 14px;
z-index: 1;
font-size: 18px;
line-height: 1.4;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
color: #222;
background-color: #f5f5f5;
overflow: auto;
box-sizing: border-box;
text-align: left;
font-family: Helvetica, sans-serif;
-webkit-overflow-scrolling: touch; }
.reveal .speaker-notes.visible:not(:empty) {
display: block; }
.reveal .speaker-notes:before {
content: 'Speaker notes';
display: block;
margin-bottom: 10px;
opacity: 0.5; }
@media screen and (max-width: 1024px) {
.reveal.show-notes {
max-width: none;
max-height: 70vh;
overflow: visible; }
.reveal .speaker-notes {
font-size: 14px; } }
top: 70vh;
left: 0;
width: 100%;
height: 30vh; } }
@media screen and (max-width: 600px) {
.reveal .speaker-notes {
width: 90%;
left: 5%; } }
font-size: 14px; } }
/*********************************************
* ZOOM PLUGIN