fix the touch devices issues with the down arrow
This commit is contained in:
parent
9aa514bc70
commit
6ac01281d2
|
@ -227,7 +227,7 @@ body {
|
||||||
bottom: 12px;
|
bottom: 12px;
|
||||||
right: 12px;
|
right: 12px;
|
||||||
left: auto;
|
left: auto;
|
||||||
z-index: 1;
|
z-index: 11;
|
||||||
color: #000;
|
color: #000;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
font-size: 10px; }
|
font-size: 10px; }
|
||||||
|
@ -312,7 +312,8 @@ body {
|
||||||
transform: rotate(90deg); }
|
transform: rotate(90deg); }
|
||||||
.reveal .controls .navigate-down {
|
.reveal .controls .navigate-down {
|
||||||
right: 3.2em;
|
right: 3.2em;
|
||||||
bottom: 0;
|
bottom: -1.4em;
|
||||||
|
padding-bottom: 1.4em;
|
||||||
-webkit-transform: translateY(10px);
|
-webkit-transform: translateY(10px);
|
||||||
transform: translateY(10px); }
|
transform: translateY(10px); }
|
||||||
.reveal .controls .navigate-down .controls-arrow {
|
.reveal .controls .navigate-down .controls-arrow {
|
||||||
|
|
|
@ -263,7 +263,7 @@ $controlsArrowAngleActive: 36deg;
|
||||||
bottom: $spacing;
|
bottom: $spacing;
|
||||||
right: $spacing;
|
right: $spacing;
|
||||||
left: auto;
|
left: auto;
|
||||||
z-index: 1;
|
z-index: 11;
|
||||||
color: #000;
|
color: #000;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
|
@ -355,7 +355,8 @@ $controlsArrowAngleActive: 36deg;
|
||||||
|
|
||||||
.navigate-down {
|
.navigate-down {
|
||||||
right: $controlArrowSpacing + $controlArrowSize/2;
|
right: $controlArrowSpacing + $controlArrowSize/2;
|
||||||
bottom: 0;
|
bottom: -$controlArrowSpacing;
|
||||||
|
padding-bottom: $controlArrowSpacing;
|
||||||
transform: translateY( 10px );
|
transform: translateY( 10px );
|
||||||
|
|
||||||
.controls-arrow {
|
.controls-arrow {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user