eric/WeatherStar4000
1
0
Fork 0
mirror of https://github.com/netbymatt/ws4kp.git synced 2026-04-23 12:09:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix full screen centering on chrome #139

Browse Source
This commit is contained in:
Matt Walsh
2025-09-15 08:54:11 -05:00
parent b797a10b9e
commit e8b8890260
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,