Commit 4fb8e78e authored by Hakim El Hattab's avatar Hakim El Hattab
Browse files

collapse control element size when corner aligned

parent a9fcaa6f
......@@ -195,7 +195,8 @@ body {
top: 0;
right: 0;
bottom: 0;
left: 0; }
left: 0;
z-index: 1; }
.reveal .controls button {
position: absolute;
padding: 0;
......@@ -280,8 +281,10 @@ body {
.reveal .controls .enabled.fragmented:hover {
opacity: 1; }
.reveal .controls[data-controls-placement="bottom-right"] {
top: auto;
bottom: 18px;
right: 18px;
left: auto;
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-transform-origin: 100% 100%;
......@@ -306,8 +309,10 @@ body {
bottom: 0; }
@media screen and (max-width: 500px) {
.reveal .controls {
top: auto;
bottom: 18px;
right: 18px;
left: auto;
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-transform-origin: 100% 100%;
......
......@@ -260,6 +260,7 @@ body {
right: 0;
bottom: 0;
left: 0;
z-index: 1;
button {
position: absolute;
......@@ -360,8 +361,10 @@ body {
@mixin bottom-right-controls() {
& {
top: auto;
bottom: $spacing;
right: $spacing;
left: auto;
transform: scale(0.85);
transform-origin: 100% 100%;
}
......
......@@ -52,7 +52,7 @@
// Display controls in the bottom right corner
controls: true,
// Determines where controls appear, either "bottom-right" or "edges"
// Determines where controls appear, "edges" or "bottom-right"
controlsPlacement: 'edges',
// De-emphasizes backwards navigation controls
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment