markmental/ws4kp-linhanced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

resizing for orientation change

Browse source
This commit is contained in:
Matt Walsh 2022-09-23 15:55:37 -05:00
commit 95b135a9b7
5 changed files with 24 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

39
server/styles/scss/_page.scss
View file

@ -240,9 +240,7 @@ jsgif {
#container {
position: relative;
width: 100%;
/* max-width: 640px; */
height: 100%;
max-height: 480;
background-image: url(../images/BackGround1_1.png);
}
@ -298,13 +296,12 @@ jsgif {
#divTwc:fullscreen {
display: flex;
align-items: center;
justify-content: center;
align-content: center;
align-items: center;
justify-content: center;
align-content: center;
}
#divTwc:fullscreen #display {
position: relative;
}
@ -318,36 +315,6 @@ jsgif {
bottom: 0px;
}
@media screen and (orientation: portrait) {
#divTwc:fullscreen canvas {
width: 100vw;
max-width: 100vw;
height: auto;
}
#divTwc:fullscreen #container {
width: 100vw;
height: auto;
max-height: unset;
max-width: unset;
}
}
@media screen and (orientation: landscape) {
#divTwc:fullscreen canvas {
height: 100vh;
max-height: 100vh;
width: auto;
}
#divTwc:fullscreen #container {
height: 100vh;
width: auto;
max-width: 100vw;
max-height: unset;
}
}
.navButton {
cursor: pointer;
}