fix no-transform mode

This commit is contained in:
Hakim El Hattab 2018-10-31 09:20:12 +01:00
parent 2b61dde83b
commit bc2477bf10
2 changed files with 25 additions and 23 deletions

View file

@ -963,34 +963,35 @@ body {
.no-transforms { .no-transforms {
overflow-y: auto; } overflow-y: auto; }
.no-transforms .reveal {
overflow: visible; }
.no-transforms .reveal .slides { .no-transforms .reveal .slides {
position: relative; position: relative;
width: 80%; width: 80%;
height: auto !important; max-width: 1280px;
height: auto;
top: 0; top: 0;
left: 50%; margin: 0 auto;
margin: 0;
text-align: center; } text-align: center; }
.no-transforms .reveal .controls, .no-transforms .reveal .controls,
.no-transforms .reveal .progress { .no-transforms .reveal .progress {
display: none !important; } display: none; }
.no-transforms .reveal .slides section { .no-transforms .reveal .slides section {
display: block !important; display: block;
opacity: 1 !important; opacity: 1;
position: relative !important; position: relative;
height: auto; height: auto;
min-height: 0; min-height: 0;
top: 0; top: 0;
left: -50%; left: 0;
margin: 10vh 0;
margin: 70px 0; margin: 70px 0;
-webkit-transform: none; -webkit-transform: none;
transform: none; } transform: none; }
.no-transforms .reveal .slides section section {
left: 0; }
.reveal .no-transition, .reveal .no-transition,
.reveal .no-transition * { .reveal .no-transition * {
transition: none !important; } transition: none !important; }

View file

@ -1037,37 +1037,38 @@ $controlsArrowAngleActive: 36deg;
overflow-y: auto; overflow-y: auto;
} }
.no-transforms .reveal {
overflow: visible;
}
.no-transforms .reveal .slides { .no-transforms .reveal .slides {
position: relative; position: relative;
width: 80%; width: 80%;
height: auto !important; max-width: 1280px;
height: auto;
top: 0; top: 0;
left: 50%; margin: 0 auto;
margin: 0;
text-align: center; text-align: center;
} }
.no-transforms .reveal .controls, .no-transforms .reveal .controls,
.no-transforms .reveal .progress { .no-transforms .reveal .progress {
display: none !important; display: none;
} }
.no-transforms .reveal .slides section { .no-transforms .reveal .slides section {
display: block !important; display: block;
opacity: 1 !important; opacity: 1;
position: relative !important; position: relative;
height: auto; height: auto;
min-height: 0; min-height: 0;
top: 0; top: 0;
left: -50%; left: 0;
margin: 10vh 0;
margin: 70px 0; margin: 70px 0;
transform: none; transform: none;
} }
.no-transforms .reveal .slides section section {
left: 0;
}
.reveal .no-transition, .reveal .no-transition,
.reveal .no-transition * { .reveal .no-transition * {
transition: none !important; transition: none !important;