collapse control element size when corner aligned
This commit is contained in:
parent
a9fcaa6f9e
commit
4fb8e78eb4
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue