web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix slide ratio in preview mode

Browse Source
This commit is contained in:
yflory 2017-07-20 09:55:18 +02:00
parent 140964478e
commit 3bd5f01e53
1 changed files with 28 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
www/slide/slide.less
View File

@ -98,30 +98,37 @@ body {
} }
} }
} }
.preview .cp { .preview {
flex: 1; .cp {
overflow: hidden; width: 50vw;
div#modal:not(.shown) { overflow: hidden;
position: relative; div#modal:not(.shown) {
top: auto; position: relative;
left: auto; top: auto;
width: auto; left: auto;
display: block; width: auto;
height: 100%; display: block;
#content { height: 100%;
.slide-container { #content {
width: 100%; .slide-container {
width: 100%;
}
.slide-frame {
width: 50vw;
height: 28.125vw; // height:width ratio = 9/16 = .5625
max-height: ~"calc(100vh - 96px)";
max-width: ~"calc(16 / 9 * (100vh - 96px))";
//max-height: 100vh;
//max-width: 177.78vh; // 16/9 = 1.778
}
} }
.slide-frame { #button_exit {
width: 50vw; visibility: hidden;
height: 28.125vw; // height:width ratio = 9/16 = .5625
max-height: 100vh;
max-width: 177.78vh; // 16/9 = 1.778
} }
} }
#button_exit { }
visibility: hidden; .CodeMirror {
} flex: 1;
} }
} }
.cp { .cp {