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

switch from css zoom to transform-scale

Browse Source
This commit is contained in:
Matt Walsh
2023-05-31 22:57:36 -05:00
parent 3b050073ed
commit 2c010a9a32
6 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -274,9 +274,9 @@ const resize = () => {
const scale = Math.min(widthZoomPercent, heightZoomPercent);
if (scale < 1.0 || document.fullscreenElement) {
document.querySelector('#container').style.zoom = scale;
document.querySelector('#container').style.transform = `scale(${scale})`;
} else {
document.querySelector('#container').style.zoom = 1;
document.querySelector('#container').style.transform = 'unset';
}
};

4
server/scripts/modules/regionalforecast.mjs
View File

@@ -167,9 +167,7 @@ class RegionalForecast extends WeatherDisplay {
// draw the map
const scale = 640 / (offsetXY.x * 2);
const map = this.elem.querySelector('.map');
map.style.zoom = scale;
map.style.top = `-${sourceXY.y}px`;
map.style.left = `-${sourceXY.x}px`;
map.style.transform = `scale(${scale}) translate(-${sourceXY.x}px, -${sourceXY.y}px)`;
const cities = data.map((city) => {
const fill = {};