aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2017-05-19 10:20:06 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2017-05-19 10:20:06 +0200
commitb1a7b0799f055afdefbac6c6f3de8f886c6c2186 (patch)
treea8a90282219b637dbe126f01ea9f073866bcd7d9
parent9a7d491ede20b123bcd2b425f6141cad674751cc (diff)
downloadfosdem-2018-presentation-b1a7b0799f055afdefbac6c6f3de8f886c6c2186.tar
fosdem-2018-presentation-b1a7b0799f055afdefbac6c6f3de8f886c6c2186.tar.gz
low width speaker notes mode no longer uses vh
-rw-r--r--css/reveal.css17
-rw-r--r--css/reveal.scss17
2 files changed, 18 insertions, 16 deletions
diff --git a/css/reveal.css b/css/reveal.css
index 8784dc1..d74f6df 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -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; } }
diff --git a/css/reveal.scss b/css/reveal.scss
index 1353e5a..4aee25b 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -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 {