f5c13f17f956

fix Small text size click misalignment — zoom body not html (v2.53.5)

time
2026-05-18 01:03 UTC · 5 months ago
machine
koh2
parent
143b4046bad8
4 files manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/vars.css+8 −6
manifest.firefox.json+1 −1
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "2.53.4",4+  "version": "2.53.5",55   "description": "Zero-knowledge password manager",66   "browser_specific_settings": {77     "gecko": {

view file

manifest.json+1 −1
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "2.53.4",4+  "version": "2.53.5",55   "description": "Zero-knowledge password manager",66   "action": {77     "default_popup": "src/popup/index.html",

view file

package.json+1 −1
@@ -1,6 +1,6 @@11 {22   "name": "peach",3-  "version": "2.53.4",3+  "version": "2.53.5",44   "description": "Zero-knowledge password manager",55   "type": "module",66   "scripts": {

view file

src/popup/styles/vars.css+8 −6
@@ -232,12 +232,14 @@232232 [data-text-size="small"]  { --peach-text-scale: 0.92; }233233 [data-text-size="medium"] { --peach-text-scale: 1; }234234 [data-text-size="large"]  { --peach-text-scale: 1.08; }235-/* Apply `zoom` on the html element (not body) so the extension popup236-   re-measures its own dimensions and grows/shrinks with the text size.237-   Putting it on body scaled content but left the popup chrome at the238-   fixed 320×520 of html. */239-html[data-text-size="small"]  { zoom: 0.92; }240-html[data-text-size="large"]  { zoom: 1.08; }235+/* Large: zoom on html so Chrome auto-resizes the popup window upward.236+   Small: zoom on body instead — Chrome cannot shrink the popup below its237+   minimum width, so zooming html for small leaves click coordinates misaligned.238+   Zooming body keeps the window fixed and coordinate scaling stays correct.239+   The html background fill prevents a bare strip at the edges of the scaled body. */240+html { background: var(--bg); }241+html[data-text-size="large"]       { zoom: 1.08; }242+html[data-text-size="small"] body  { zoom: 0.92; }241243 242244 /* ─── Reduced motion ───────────────────────────────────────────────────243245    User-explicit setting OR OS-level prefers-reduced-motion both collapse

view file