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

View File

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

View File

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