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

fix full screen centering on chrome #139

Browse source
This commit is contained in:
Matt Walsh 2025-09-15 08:54:11 -05:00
commit e8b8890260
No known key found for this signature in database
4 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -559,7 +559,9 @@ const resize = (force = false) => {
// Apply shared properties to the target element // Apply shared properties to the target element
targetElement.style.setProperty('transform', `scale(${scale})`, 'important'); targetElement.style.setProperty('transform', `scale(${scale})`, 'important');
targetElement.style.setProperty('transform-origin', transformOrigin, 'important'); targetElement.style.setProperty('transform-origin', transformOrigin, 'important');
targetElement.style.setProperty('width', `${wrapperWidth}px`, 'important'); // the width of the target element does not change it is the fixed width of the 4:3 display which is then scaled
// the wrapper adds margins and padding to achieve widescreen
// targetElement.style.setProperty('width', `${wrapperWidth}px`, 'important');
targetElement.style.setProperty('height', `${wrapperHeight}px`, 'important'); targetElement.style.setProperty('height', `${wrapperHeight}px`, 'important');
targetElement.style.setProperty('position', 'absolute', 'important'); targetElement.style.setProperty('position', 'absolute', 'important');
targetElement.style.setProperty('left', leftPosition, 'important'); targetElement.style.setProperty('left', leftPosition, 'important');

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

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

@ -341,13 +341,14 @@ body {
// overflow: hidden; // overflow: hidden;
background-image: url(../images/backgrounds/1.png); background-image: url(../images/backgrounds/1.png);
transform-origin: 0 0; transform-origin: 0 0;
background-repeat: no-repeat;
} }
.wide #container { .wide #container {
padding-left: 107px; padding-left: 107px;
padding-right: 107px; padding-right: 107px;
background: url(../images/backgrounds/1-wide.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background: url(../images/backgrounds/1-wide.png)
} }
#divTwc:fullscreen #container, #divTwc:fullscreen #container,