fix centering of edge-aligned controls
parent
6ae4ad69d2
commit
9342d19b5a
|
@ -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
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 ) {
|
||||||
|
|
Loading…
Reference in New Issue