Fix UI scale on mobile

This commit is contained in:
Idrees Hassan
2025-08-16 20:28:32 -04:00
parent 54ab24d119
commit 051c0e710c
4 changed files with 11 additions and 11 deletions

View File

@@ -846,7 +846,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
window.addEventListener("resize", () => {
const modTop = `${stickyNote.top - Math.min(window.innerHeight - noteElement.offsetHeight, stickyNote.top)}px`;
const modLeft = `${stickyNote.left - Math.min(window.innerWidth - noteElement.offsetWidth, stickyNote.left)}px`;
noteElement.style.transform = `translate(-${modLeft}, -${modTop})`;
noteElement.style.transform = `scale(var(--ui-scale)) translate(-${modLeft}, -${modTop})`;
});
return noteElement;
@@ -1399,11 +1399,11 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
x += offset;
} else {
// Right side
x -= menu.offsetWidth + offset;
x -= (menu.offsetWidth + offset) * UI_CSS_SCALE;
}
if (y > window.innerHeight / 2) {
// Top side
y -= menu.offsetHeight + offset + 10;
y -= (menu.offsetHeight + offset + 10) * UI_CSS_SCALE;
} else {
// Bottom side
y += offset;

View File

@@ -24,7 +24,7 @@ const userScriptHeader =
`// ==UserScript==
// @name Browser Bird
// @namespace https://idreesinc.com
// @version 2025-08-16-5
// @version 2025-08-16-6
// @description birb
// @author Idrees
// @downloadURL https://github.com/IdreesInc/Browser-Bird/raw/refs/heads/main/dist/birb.user.js

6
dist/birb.js vendored
View File

@@ -1166,7 +1166,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
window.addEventListener("resize", () => {
const modTop = `${stickyNote.top - Math.min(window.innerHeight - noteElement.offsetHeight, stickyNote.top)}px`;
const modLeft = `${stickyNote.left - Math.min(window.innerWidth - noteElement.offsetWidth, stickyNote.left)}px`;
noteElement.style.transform = `translate(-${modLeft}, -${modTop})`;
noteElement.style.transform = `scale(var(--ui-scale)) translate(-${modLeft}, -${modTop})`;
});
return noteElement;
@@ -1719,11 +1719,11 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
x += offset;
} else {
// Right side
x -= menu.offsetWidth + offset;
x -= (menu.offsetWidth + offset) * UI_CSS_SCALE;
}
if (y > window.innerHeight / 2) {
// Top side
y -= menu.offsetHeight + offset + 10;
y -= (menu.offsetHeight + offset + 10) * UI_CSS_SCALE;
} else {
// Bottom side
y += offset;

8
dist/birb.user.js vendored
View File

@@ -1,7 +1,7 @@
// ==UserScript==
// @name Browser Bird
// @namespace https://idreesinc.com
// @version 2025-08-16-5
// @version 2025-08-16-6
// @description birb
// @author Idrees
// @downloadURL https://github.com/IdreesInc/Browser-Bird/raw/refs/heads/main/dist/birb.user.js
@@ -1180,7 +1180,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
window.addEventListener("resize", () => {
const modTop = `${stickyNote.top - Math.min(window.innerHeight - noteElement.offsetHeight, stickyNote.top)}px`;
const modLeft = `${stickyNote.left - Math.min(window.innerWidth - noteElement.offsetWidth, stickyNote.left)}px`;
noteElement.style.transform = `translate(-${modLeft}, -${modTop})`;
noteElement.style.transform = `scale(var(--ui-scale)) translate(-${modLeft}, -${modTop})`;
});
return noteElement;
@@ -1733,11 +1733,11 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
x += offset;
} else {
// Right side
x -= menu.offsetWidth + offset;
x -= (menu.offsetWidth + offset) * UI_CSS_SCALE;
}
if (y > window.innerHeight / 2) {
// Top side
y -= menu.offsetHeight + offset + 10;
y -= (menu.offsetHeight + offset + 10) * UI_CSS_SCALE;
} else {
// Bottom side
y += offset;