Add transitions in present mode

This commit is contained in:
yflory
2017-03-17 18:39:39 +01:00
parent 45ac3e40a2
commit e139295d7e
3 changed files with 41 additions and 16 deletions

View File

@@ -88,7 +88,6 @@ body .CodeMirror-focused .cm-matchhighlight {
display: block !important;
padding: 2.5%;
margin-top: 7.228vw;
margin-bottom: 7.228vw;
border-top: 1px solid black;
border-bottom: 1px solid black;
height: 56.25vw;
@@ -123,6 +122,7 @@ body .CodeMirror-focused .cm-matchhighlight {
font-size: 30px;
opacity: 0.6;
display: none;
z-index: 9001;
}
.cp div.modal .button:hover,
.cp div#modal .button:hover {
@@ -133,7 +133,6 @@ body .CodeMirror-focused .cm-matchhighlight {
.cp div#modal #button_exit {
left: 20px;
top: 20px;
z-index: 9001;
}
.cp div.modal #button_left,
.cp div#modal #button_left {
@@ -159,10 +158,14 @@ body .CodeMirror-focused .cm-matchhighlight {
}
.cp div.modal #content,
.cp div#modal #content {
transition: margin-left 1s;
font-size: 20vh;
position: relative;
height: 100%;
}
.cp div.modal #content .slide-frame,
.cp div#modal #content .slide-frame {
display: inline-block;
box-sizing: border-box;
border: 1px solid white;
vertical-align: middle;
@@ -179,11 +182,13 @@ body .CodeMirror-focused .cm-matchhighlight {
max-height: 100vh;
max-width: 177.78vh;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.cp div.modal #content .slide-container,
.cp div#modal #content .slide-container {
display: inline-block;
height: 100%;
width: 100vw;
text-align: center;
}
.cp div.modal .center,
.cp div#modal .center {
@@ -198,6 +203,11 @@ body .CodeMirror-focused .cm-matchhighlight {
.cp div#modal.shown {
display: block;
}
.cp div#modal #content .slide-frame,
.cp #print .slide-frame {
text-align: left;
position: relative;
}
.cp div#modal #content .slide-frame p,
.cp #print .slide-frame p,
.cp div#modal #content .slide-frame li,