default to bottom right controls, rename soften arrows option

This commit is contained in:
Hakim El Hattab 2016-06-28 12:12:01 +02:00
parent 4fb8e78eb4
commit e45a425575
3 changed files with 20 additions and 14 deletions

View file

@ -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 {

View file

@ -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;
}

View file

@ -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();