diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2016-04-29 10:26:44 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-16 09:45:37 +0200 |
| commit | 4fb8e78eb4582a05f73eaf189aa7263381faf87a (patch) | |
| tree | 7ba03a15aaff22b0caa09bfd876809d4e36490ca | |
| parent | a9fcaa6f9e74ffd696febadb555fd12980806a7b (diff) | |
| download | fosdem-2018-presentation-4fb8e78eb4582a05f73eaf189aa7263381faf87a.tar fosdem-2018-presentation-4fb8e78eb4582a05f73eaf189aa7263381faf87a.tar.gz | |
collapse control element size when corner aligned
| -rw-r--r-- | css/reveal.css | 7 | ||||
| -rw-r--r-- | css/reveal.scss | 3 | ||||
| -rw-r--r-- | js/reveal.js | 2 |
3 files changed, 10 insertions, 2 deletions
diff --git a/css/reveal.css b/css/reveal.css index dfa4e4c..5eeaba7 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -195,7 +195,8 @@ body { top: 0; right: 0; bottom: 0; - left: 0; } + left: 0; + z-index: 1; } .reveal .controls button { position: absolute; padding: 0; @@ -280,8 +281,10 @@ body { .reveal .controls .enabled.fragmented:hover { opacity: 1; } .reveal .controls[data-controls-placement="bottom-right"] { + top: auto; bottom: 18px; right: 18px; + left: auto; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: 100% 100%; @@ -306,8 +309,10 @@ body { bottom: 0; } @media screen and (max-width: 500px) { .reveal .controls { + top: auto; bottom: 18px; right: 18px; + left: auto; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: 100% 100%; diff --git a/css/reveal.scss b/css/reveal.scss index 15f0d9a..f3a4888 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -260,6 +260,7 @@ body { right: 0; bottom: 0; left: 0; + z-index: 1; button { position: absolute; @@ -360,8 +361,10 @@ body { @mixin bottom-right-controls() { & { + top: auto; bottom: $spacing; right: $spacing; + left: auto; transform: scale(0.85); transform-origin: 100% 100%; } diff --git a/js/reveal.js b/js/reveal.js index 522d7cb..b584ac3 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -52,7 +52,7 @@ // Display controls in the bottom right corner controls: true, - // Determines where controls appear, either "bottom-right" or "edges" + // Determines where controls appear, "edges" or "bottom-right" controlsPlacement: 'edges', // De-emphasizes backwards navigation controls |