lee/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-09-26 07:06:08 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

fix: Automatic Adjustment of Puter Windows to Stay Within Viewport on Browser Resize #12

Browse Source
This commit is contained in:
meetqy
2024-03-17 22:52:34 +08:00
parent 68cd3f420e
commit e8e32352ed
1 changed files with 29 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/globals.js
+29 -11
View File
@@ -141,19 +141,37 @@ if (window.location !== window.parent.location) {
window.desktop_height = window.innerHeight - window.toolbar_height - window.taskbar_height;
window.desktop_width = window.innerWidth;
let isResize = false;
// recalculate desktop height and width on window resize
$( window ).on( "resize", function() {
const radio = window.desktop_width / window.innerWidth;
window.desktop_height = window.innerHeight - window.toolbar_height - window.taskbar_height;
window.desktop_width = window.innerWidth;
const { top } = $(".window-login").position();
const width = $(".window-login").width();
$(".window-login").css({
left: (window.desktop_width - width) / 2,
top: top / radio,
});
const new_desktop_height = window.innerHeight - window.toolbar_height - window.taskbar_height;
const new_desktop_width = window.innerWidth;
$('.window').each((_, el) => {
const pos = $(el).position();
const leftRadio = pos.left / window.desktop_width;
const topRadio = pos.top / window.desktop_height;
let left = new_desktop_width * leftRadio;
let top = new_desktop_height * topRadio;
const maxLeft = new_desktop_width - $(el).width();
const maxTop = new_desktop_height - $(el).height();
if(left < 0) left = 0;
else if(left > maxLeft) left = maxLeft;
if(top < window.toolbar_height) top = window.toolbar_height;
else if(top > maxTop) top = maxTop + window.toolbar_height;
$(el).css({
left,
top
})
})
window.desktop_height = new_desktop_height;
window.desktop_width = new_desktop_width;
});
// for now `active_element` is basically the last element that was clicked,