diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-19 10:46:13 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-19 10:46:13 +0200 |
| commit | 955075bfc4a8b223329942b8ad95ecbd61fc8049 (patch) | |
| tree | edbb1d146cfdd1e3640f44c30b3e4416fa4c1422 | |
| parent | b1a7b0799f055afdefbac6c6f3de8f886c6c2186 (diff) | |
| download | fosdem-2018-presentation-955075bfc4a8b223329942b8ad95ecbd61fc8049.tar fosdem-2018-presentation-955075bfc4a8b223329942b8ad95ecbd61fc8049.tar.gz | |
adjust autplay position when notes are bottom-aligned
| -rw-r--r-- | css/reveal.css | 12 | ||||
| -rw-r--r-- | css/reveal.scss | 10 |
2 files changed, 11 insertions, 11 deletions
diff --git a/css/reveal.css b/css/reveal.css index d74f6df..6cb7c8c 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -415,7 +415,7 @@ body { * PROGRESS BAR *********************************************/ .reveal .progress { - position: fixed; + position: absolute; display: none; height: 3px; width: 100%; @@ -1398,12 +1398,13 @@ body { * PLAYBACK COMPONENT *********************************************/ .reveal .playback { - position: fixed; + position: absolute; left: 15px; bottom: 20px; z-index: 30; cursor: pointer; - transition: all 400ms ease; } + transition: all 400ms ease; + -webkit-tap-highlight-color: transparent; } .reveal.overview .playback { opacity: 0; @@ -1471,12 +1472,11 @@ body { height: 100%; top: 0; left: 100%; - padding: 14px; + padding: 14px 18px 14px 18px; z-index: 1; font-size: 18px; line-height: 1.4; - border-left: 1px solid rgba(0, 0, 0, 0.05); - border-bottom: 1px solid rgba(0, 0, 0, 0.05); + border: 1px solid rgba(0, 0, 0, 0.05); color: #222; background-color: #f5f5f5; overflow: auto; diff --git a/css/reveal.scss b/css/reveal.scss index 4aee25b..eb0f239 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -502,7 +502,7 @@ $controlsArrowAngleActive: 36deg; *********************************************/ .reveal .progress { - position: fixed; + position: absolute; display: none; height: 3px; width: 100%; @@ -1521,12 +1521,13 @@ $controlsArrowAngleActive: 36deg; *********************************************/ .reveal .playback { - position: fixed; + position: absolute; left: 15px; bottom: 20px; z-index: 30; cursor: pointer; transition: all 400ms ease; + -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 ); } .reveal.overview .playback { @@ -1599,12 +1600,11 @@ $controlsArrowAngleActive: 36deg; height: 100%; top: 0; left: 100%; - padding: 14px; + padding: 14px 18px 14px 18px; z-index: 1; font-size: 18px; line-height: 1.4; - border-left: 1px solid rgba( 0, 0, 0, 0.05 ); - border-bottom: 1px solid rgba( 0, 0, 0, 0.05 ); + border: 1px solid rgba( 0, 0, 0, 0.05 ); color: #222; background-color: #f5f5f5; overflow: auto; |