diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2016-06-28 12:12:01 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-16 09:45:37 +0200 |
| commit | e45a425575502ee085012e53ab46d479bd02e541 (patch) | |
| tree | 1338b7771c80e1c867988b18698db013a58e76c5 | |
| parent | 4fb8e78eb4582a05f73eaf189aa7263381faf87a (diff) | |
| download | fosdem-2018-presentation-e45a425575502ee085012e53ab46d479bd02e541.tar fosdem-2018-presentation-e45a425575502ee085012e53ab46d479bd02e541.tar.gz | |
default to bottom right controls, rename soften arrows option
| -rw-r--r-- | css/reveal.css | 12 | ||||
| -rw-r--r-- | css/reveal.scss | 16 | ||||
| -rw-r--r-- | js/reveal.js | 6 |
3 files changed, 20 insertions, 14 deletions
diff --git a/css/reveal.css b/css/reveal.css index 5eeaba7..6f35fa6 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -206,12 +206,13 @@ body { border: 0; outline: 0; cursor: pointer; - opacity: 0; -webkit-transform: scale(0.9999); transform: scale(0.9999); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 2; + visibility: hidden; + opacity: 0; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } .reveal .controls button:before, @@ -266,13 +267,14 @@ body { left: 50%; -webkit-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); } - .reveal .controls.soften-back-arrows .navigate-left.enabled, - .reveal .controls.soften-back-arrows .navigate-up.enabled { + .reveal .controls.deemphasize-back-arrows .navigate-left.enabled, + .reveal .controls.deemphasize-back-arrows .navigate-up.enabled { opacity: 0.3; } - .reveal .controls.soften-back-arrows .navigate-left.enabled:hover, - .reveal .controls.soften-back-arrows .navigate-up.enabled:hover { + .reveal .controls.deemphasize-back-arrows .navigate-left.enabled:hover, + .reveal .controls.deemphasize-back-arrows .navigate-up.enabled:hover { opacity: 1; } .reveal .controls .enabled { + visibility: visible; opacity: 0.7; cursor: pointer; } .reveal .controls .enabled.fragmented { diff --git a/css/reveal.scss b/css/reveal.scss index f3a4888..ead768b 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -271,10 +271,13 @@ body { border: 0; outline: 0; cursor: pointer; - opacity: 0; transform: scale(.9999); transition: all 0.2s ease; z-index: 2; // above slides + + visibility: hidden; + opacity: 0; + -webkit-appearance: none; -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 ); } @@ -330,11 +333,11 @@ body { transform: translateX(-50%) rotate( -90deg ); } - // The soften back arrows option strongly deemphasizes - // backwards navigation in favor of drawing attention - // forwards - &.soften-back-arrows .navigate-left.enabled, - &.soften-back-arrows .navigate-up.enabled { + // The deemphasize back arrows option strongly deemphasizes + // backwards navigation in favor of drawing attention to + // forwards navigation + &.deemphasize-back-arrows .navigate-left.enabled, + &.deemphasize-back-arrows .navigate-up.enabled { opacity: 0.3; &:hover { @@ -344,6 +347,7 @@ body { // Any control button that can be clicked is "enabled" .enabled { + visibility: visible; opacity: 0.7; cursor: pointer; } diff --git a/js/reveal.js b/js/reveal.js index b584ac3..c38f695 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -53,10 +53,10 @@ controls: true, // Determines where controls appear, "edges" or "bottom-right" - controlsPlacement: 'edges', + controlsPlacement: 'bottom-right', // De-emphasizes backwards navigation controls - controlsSoftenBackArrows: true, + controlsDeemphasizeBackArrows: true, // Display a presentation progress bar progress: true, @@ -1005,7 +1005,7 @@ dom.progress.style.display = config.progress ? 'block' : 'none'; dom.controls.setAttribute( 'data-controls-placement', config.controlsPlacement ); - dom.controls.classList.toggle( 'soften-back-arrows', config.controlsSoftenBackArrows ); + dom.controls.classList.toggle( 'deemphasize-back-arrows', config.controlsDeemphasizeBackArrows ); if( config.shuffle ) { shuffle(); |