default to bottom right controls, rename soften arrows option
parent
4fb8e78eb4
commit
e45a425575
|
@ -206,12 +206,13 @@ body {
|
||||||
border: 0;
|
border: 0;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0;
|
|
||||||
-webkit-transform: scale(0.9999);
|
-webkit-transform: scale(0.9999);
|
||||||
transform: scale(0.9999);
|
transform: scale(0.9999);
|
||||||
-webkit-transition: all 0.2s ease;
|
-webkit-transition: all 0.2s ease;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
-webkit-tap-highlight-color: transparent; }
|
-webkit-tap-highlight-color: transparent; }
|
||||||
.reveal .controls button:before,
|
.reveal .controls button:before,
|
||||||
|
@ -266,13 +267,14 @@ body {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
-webkit-transform: translateX(-50%) rotate(-90deg);
|
-webkit-transform: translateX(-50%) rotate(-90deg);
|
||||||
transform: translateX(-50%) rotate(-90deg); }
|
transform: translateX(-50%) rotate(-90deg); }
|
||||||
.reveal .controls.soften-back-arrows .navigate-left.enabled,
|
.reveal .controls.deemphasize-back-arrows .navigate-left.enabled,
|
||||||
.reveal .controls.soften-back-arrows .navigate-up.enabled {
|
.reveal .controls.deemphasize-back-arrows .navigate-up.enabled {
|
||||||
opacity: 0.3; }
|
opacity: 0.3; }
|
||||||
.reveal .controls.soften-back-arrows .navigate-left.enabled:hover,
|
.reveal .controls.deemphasize-back-arrows .navigate-left.enabled:hover,
|
||||||
.reveal .controls.soften-back-arrows .navigate-up.enabled:hover {
|
.reveal .controls.deemphasize-back-arrows .navigate-up.enabled:hover {
|
||||||
opacity: 1; }
|
opacity: 1; }
|
||||||
.reveal .controls .enabled {
|
.reveal .controls .enabled {
|
||||||
|
visibility: visible;
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.reveal .controls .enabled.fragmented {
|
.reveal .controls .enabled.fragmented {
|
||||||
|
|
|
@ -271,10 +271,13 @@ body {
|
||||||
border: 0;
|
border: 0;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0;
|
|
||||||
transform: scale(.9999);
|
transform: scale(.9999);
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
z-index: 2; // above slides
|
z-index: 2; // above slides
|
||||||
|
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
|
-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
|
||||||
}
|
}
|
||||||
|
@ -330,11 +333,11 @@ body {
|
||||||
transform: translateX(-50%) rotate( -90deg );
|
transform: translateX(-50%) rotate( -90deg );
|
||||||
}
|
}
|
||||||
|
|
||||||
// The soften back arrows option strongly deemphasizes
|
// The deemphasize back arrows option strongly deemphasizes
|
||||||
// backwards navigation in favor of drawing attention
|
// backwards navigation in favor of drawing attention to
|
||||||
// forwards
|
// forwards navigation
|
||||||
&.soften-back-arrows .navigate-left.enabled,
|
&.deemphasize-back-arrows .navigate-left.enabled,
|
||||||
&.soften-back-arrows .navigate-up.enabled {
|
&.deemphasize-back-arrows .navigate-up.enabled {
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -344,6 +347,7 @@ body {
|
||||||
|
|
||||||
// Any control button that can be clicked is "enabled"
|
// Any control button that can be clicked is "enabled"
|
||||||
.enabled {
|
.enabled {
|
||||||
|
visibility: visible;
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
|
@ -53,10 +53,10 @@
|
||||||
controls: true,
|
controls: true,
|
||||||
|
|
||||||
// Determines where controls appear, "edges" or "bottom-right"
|
// Determines where controls appear, "edges" or "bottom-right"
|
||||||
controlsPlacement: 'edges',
|
controlsPlacement: 'bottom-right',
|
||||||
|
|
||||||
// De-emphasizes backwards navigation controls
|
// De-emphasizes backwards navigation controls
|
||||||
controlsSoftenBackArrows: true,
|
controlsDeemphasizeBackArrows: true,
|
||||||
|
|
||||||
// Display a presentation progress bar
|
// Display a presentation progress bar
|
||||||
progress: true,
|
progress: true,
|
||||||
|
@ -1005,7 +1005,7 @@
|
||||||
dom.progress.style.display = config.progress ? 'block' : 'none';
|
dom.progress.style.display = config.progress ? 'block' : 'none';
|
||||||
|
|
||||||
dom.controls.setAttribute( 'data-controls-placement', config.controlsPlacement );
|
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 ) {
|
if( config.shuffle ) {
|
||||||
shuffle();
|
shuffle();
|
||||||
|
|
Loading…
Reference in New Issue