noham/Pocket-Bird
1
0
Fork 0
mirror of https://github.com/NohamR/Pocket-Bird.git synced 2026-05-25 12:17:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix UI scale on mobile

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
birb.js
View File

@@ -846,7 +846,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
window.addEventListener("resize", () => { window.addEventListener("resize", () => {
const modTop = `${stickyNote.top - Math.min(window.innerHeight - noteElement.offsetHeight, stickyNote.top)}px`; 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`; 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; return noteElement;
@@ -1399,11 +1399,11 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
x += offset; x += offset;
} else { } else {
// Right side // Right side
x -= menu.offsetWidth + offset; x -= (menu.offsetWidth + offset) * UI_CSS_SCALE;
} }
if (y > window.innerHeight / 2) { if (y > window.innerHeight / 2) {
// Top side // Top side
y -= menu.offsetHeight + offset + 10; y -= (menu.offsetHeight + offset + 10) * UI_CSS_SCALE;
} else { } else {
// Bottom side // Bottom side
y += offset; y += offset;

2
build.js
View File

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

8
dist/birb.user.js vendored
View File

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