dirk
/
why-cant-we-deploy-today
1
0
Fork 0
Code Releases Activity

low width speaker notes mode no longer uses vh

This commit is contained in:
Hakim El Hattab 2017-05-19 10:20:06 +02:00
parent 9a7d491ede
commit b1a7b0799f
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/reveal.css
View File

@ -1475,7 +1475,8 @@ body {
z-index: 1; z-index: 1;
font-size: 18px; font-size: 18px;
line-height: 1.4; 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; color: #222;
background-color: #f5f5f5; background-color: #f5f5f5;
overflow: auto; overflow: auto;
@ -1503,22 +1504,22 @@ body {
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.reveal.show-notes { .reveal.show-notes {
border-left: 0;
max-width: none; max-width: none;
max-height: 70vh; max-height: 70%;
overflow: visible; } overflow: visible; }
.reveal.show-notes .speaker-notes { .reveal.show-notes .speaker-notes {
top: 70vh; top: 100%;
left: 0; left: 0;
width: 100%; width: 100%;
height: 30vh; } } height: 42.8571428571%; } }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.reveal.show-notes { .reveal.show-notes {
max-height: 60vh; } max-height: 60%; }
.reveal.show-notes .speaker-notes { .reveal.show-notes .speaker-notes {
top: 60vh; top: 100%;
height: 40vh; height: 66.6666666667%; }
padding-bottom: 10vh; }
.reveal .speaker-notes { .reveal .speaker-notes {
font-size: 14px; } } font-size: 14px; } }

17
css/reveal.scss
View File

@ -1603,7 +1603,8 @@ $controlsArrowAngleActive: 36deg;
z-index: 1; z-index: 1;
font-size: 18px; font-size: 18px;
line-height: 1.4; 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; color: #222;
background-color: #f5f5f5; background-color: #f5f5f5;
overflow: auto; overflow: auto;
@ -1641,28 +1642,28 @@ $controlsArrowAngleActive: 36deg;
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.reveal.show-notes { .reveal.show-notes {
border-left: 0;
max-width: none; max-width: none;
max-height: 70vh; max-height: 70%;
overflow: visible; overflow: visible;
} }
.reveal.show-notes .speaker-notes { .reveal.show-notes .speaker-notes {
top: 70vh; top: 100%;
left: 0; left: 0;
width: 100%; width: 100%;
height: 30vh; height: (30/0.7)*1%;
} }
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.reveal.show-notes { .reveal.show-notes {
max-height: 60vh; max-height: 60%;
} }
.reveal.show-notes .speaker-notes { .reveal.show-notes .speaker-notes {
top: 60vh; top: 100%;
height: 40vh; height: (40/0.6)*1%;
padding-bottom: 10vh; // iOS :(
} }
.reveal .speaker-notes { .reveal .speaker-notes {