diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-19 10:20:06 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-19 10:20:06 +0200 |
| commit | b1a7b0799f055afdefbac6c6f3de8f886c6c2186 (patch) | |
| tree | a8a90282219b637dbe126f01ea9f073866bcd7d9 | |
| parent | 9a7d491ede20b123bcd2b425f6141cad674751cc (diff) | |
| download | fosdem-2018-presentation-b1a7b0799f055afdefbac6c6f3de8f886c6c2186.tar fosdem-2018-presentation-b1a7b0799f055afdefbac6c6f3de8f886c6c2186.tar.gz | |
low width speaker notes mode no longer uses vh
| -rw-r--r-- | css/reveal.css | 17 | ||||
| -rw-r--r-- | css/reveal.scss | 17 |
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 { |