low width speaker notes mode no longer uses vh
This commit is contained in:
parent
9a7d491ede
commit
b1a7b0799f
|
@ -1475,7 +1475,8 @@ body {
|
|||
z-index: 1;
|
||||
font-size: 18px;
|
||||
line-height: 1.4;
|
||||
border-left: 1px solid #ddd;
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
||||
color: #222;
|
||||
background-color: #f5f5f5;
|
||||
overflow: auto;
|
||||
|
@ -1503,22 +1504,22 @@ body {
|
|||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.reveal.show-notes {
|
||||
border-left: 0;
|
||||
max-width: none;
|
||||
max-height: 70vh;
|
||||
max-height: 70%;
|
||||
overflow: visible; }
|
||||
.reveal.show-notes .speaker-notes {
|
||||
top: 70vh;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 30vh; } }
|
||||
height: 42.8571428571%; } }
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.reveal.show-notes {
|
||||
max-height: 60vh; }
|
||||
max-height: 60%; }
|
||||
.reveal.show-notes .speaker-notes {
|
||||
top: 60vh;
|
||||
height: 40vh;
|
||||
padding-bottom: 10vh; }
|
||||
top: 100%;
|
||||
height: 66.6666666667%; }
|
||||
.reveal .speaker-notes {
|
||||
font-size: 14px; } }
|
||||
|
||||
|
|
|
@ -1603,7 +1603,8 @@ $controlsArrowAngleActive: 36deg;
|
|||
z-index: 1;
|
||||
font-size: 18px;
|
||||
line-height: 1.4;
|
||||
border-left: 1px solid #ddd;
|
||||
border-left: 1px solid rgba( 0, 0, 0, 0.05 );
|
||||
border-bottom: 1px solid rgba( 0, 0, 0, 0.05 );
|
||||
color: #222;
|
||||
background-color: #f5f5f5;
|
||||
overflow: auto;
|
||||
|
@ -1641,28 +1642,28 @@ $controlsArrowAngleActive: 36deg;
|
|||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.reveal.show-notes {
|
||||
border-left: 0;
|
||||
max-width: none;
|
||||
max-height: 70vh;
|
||||
max-height: 70%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.reveal.show-notes .speaker-notes {
|
||||
top: 70vh;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 30vh;
|
||||
height: (30/0.7)*1%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.reveal.show-notes {
|
||||
max-height: 60vh;
|
||||
max-height: 60%;
|
||||
}
|
||||
|
||||
.reveal.show-notes .speaker-notes {
|
||||
top: 60vh;
|
||||
height: 40vh;
|
||||
padding-bottom: 10vh; // iOS :(
|
||||
top: 100%;
|
||||
height: (40/0.6)*1%;
|
||||
}
|
||||
|
||||
.reveal .speaker-notes {
|
||||
|
|
Loading…
Reference in New Issue