down arrow padding for edge aligned controls

This commit is contained in:
Hakim El Hattab 2019-05-27 08:04:58 +02:00
parent 9108519dc1
commit a1dd1028a1
2 changed files with 6 additions and 6 deletions

View File

@ -396,18 +396,18 @@ body {
right: auto; }
.reveal .controls[data-controls-layout="edges"] .navigate-left {
top: 50%;
left: 8px;
left: 0.8em;
margin-top: -1.8em; }
.reveal .controls[data-controls-layout="edges"] .navigate-right {
top: 50%;
right: 8px;
right: 0.8em;
margin-top: -1.8em; }
.reveal .controls[data-controls-layout="edges"] .navigate-up {
top: 8px;
top: 0.8em;
left: 50%;
margin-left: -1.8em; }
.reveal .controls[data-controls-layout="edges"] .navigate-down {
bottom: 8px;
bottom: -0.3em;
left: 50%;
margin-left: -1.8em; } }

View File

@ -453,7 +453,7 @@ $controlsArrowAngleActive: 36deg;
// Edge aligned controls layout
@media screen and (min-width: 500px) {
$spacing: 8px;
$spacing: 0.8em;
.reveal .controls[data-controls-layout="edges"] {
& {
@ -490,7 +490,7 @@ $controlsArrowAngleActive: 36deg;
}
.navigate-down {
bottom: $spacing;
bottom: $spacing - $controlArrowSpacing + 0.3em;
left: 50%;
margin-left: -$controlArrowSize/2;
}