fix centering of edge-aligned controls

master
Hakim El Hattab 2017-06-12 10:22:47 +02:00
parent 6ae4ad69d2
commit 9342d19b5a
3 changed files with 13 additions and 5 deletions

View File

@ -400,16 +400,20 @@ body {
right: auto; } right: auto; }
.reveal .controls[data-controls-layout="edges"] .navigate-left { .reveal .controls[data-controls-layout="edges"] .navigate-left {
top: 50%; top: 50%;
left: 8px; } left: 8px;
margin-top: -1.8em; }
.reveal .controls[data-controls-layout="edges"] .navigate-right { .reveal .controls[data-controls-layout="edges"] .navigate-right {
top: 50%; top: 50%;
right: 8px; } right: 8px;
margin-top: -1.8em; }
.reveal .controls[data-controls-layout="edges"] .navigate-up { .reveal .controls[data-controls-layout="edges"] .navigate-up {
top: 8px; top: 8px;
left: 50%; } left: 50%;
margin-left: -1.8em; }
.reveal .controls[data-controls-layout="edges"] .navigate-down { .reveal .controls[data-controls-layout="edges"] .navigate-down {
bottom: 8px; bottom: 8px;
left: 50%; } } left: 50%;
margin-left: -1.8em; } }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR

View File

@ -477,21 +477,25 @@ $controlsArrowAngleActive: 36deg;
.navigate-left { .navigate-left {
top: 50%; top: 50%;
left: $spacing; left: $spacing;
margin-top: -$controlArrowSize/2;
} }
.navigate-right { .navigate-right {
top: 50%; top: 50%;
right: $spacing; right: $spacing;
margin-top: -$controlArrowSize/2;
} }
.navigate-up { .navigate-up {
top: $spacing; top: $spacing;
left: 50%; left: 50%;
margin-left: -$controlArrowSize/2;
} }
.navigate-down { .navigate-down {
bottom: $spacing; bottom: $spacing;
left: 50%; left: 50%;
margin-left: -$controlArrowSize/2;
} }
} }

View File

@ -4965,7 +4965,7 @@
this.context.beginPath(); this.context.beginPath();
this.context.arc( x, y, radius, 0, Math.PI * 2, false ); this.context.arc( x, y, radius, 0, Math.PI * 2, false );
this.context.lineWidth = this.thickness; this.context.lineWidth = this.thickness;
this.context.strokeStyle = '#666'; this.context.strokeStyle = 'rgba( 255, 255, 255, 0.2 )';
this.context.stroke(); this.context.stroke();
if( this.playing ) { if( this.playing ) {