lifning/ws4kp
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fullscreen element fix

Browse source
This commit is contained in:
Matt Walsh 2022-12-14 13:32:55 -06:00
parent 2a577aaea7
commit 806ef91000
4 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
server/scripts/modules/navigation.mjs
View file

@ -261,9 +261,8 @@ const getDisplay = (index) => displays[index];
// resize the container on a page resize
const resize = () => {
const marginOffset = (document.fullscreenElement) ? 0 : 16;
const widthZoomPercent = (window.innerWidth - marginOffset) / 640;
const heightZoomPercent = (window.innerHeight - marginOffset) / 480;
const widthZoomPercent = (document.getElementById('divTwcBottom').getBoundingClientRect().width) / 640;
const heightZoomPercent = (window.innerHeight) / 480;
const scale = Math.min(widthZoomPercent, heightZoomPercent);
if (scale < 1.0 || document.fullscreenElement) {

2
server/styles/main.css
View file

File diff suppressed because one or more lines are too long

2
server/styles/main.css.map
View file

File diff suppressed because one or more lines are too long

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

@ -270,9 +270,11 @@ button {
#container {
position: relative;
width: 100%;
height: 100%;
width: 640px;
height: 480px;
overflow: hidden;
background-image: url(../images/BackGround1_1.png);
}
#divTwc:fullscreen #container {