c7effb2bc4b1
unfix html width when data-text-size=small (was: widening html to backfill). With width:auto, Chrome sizes popup to rendered html (294px) so the popup itself shrinks — no extra background bleed (v3.6.40)
- time
- 2026-05-19 19:26 UTC · 5 months ago
- machine
- koh2
- parent
- 4b70c6ed3e02
↓ peach-browser-c7effb2b.tar.gzatlas at this save
files changed4 files
manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/vars.css+7 −7manifest.firefox.json+1 −1
@@ -2,7 +2,7 @@22 "_comment_audio_capture": "Firefox does not honor the Chrome 'audioCapture' optional_permission — getUserMedia in WebExtensions is gated solely by the runtime permission prompt. Microphone access for chirp pairing works from the popup under the existing '<all_urls>' host permission; no manifest entry is required or accepted here.",33 "manifest_version": 3,44 "name": "Peach",5- "version": "3.6.39",5+ "version": "3.6.40",66 "description": "Zero-knowledge password manager",77 "browser_specific_settings": {88 "gecko": {manifest.json+1 −1
@@ -1,7 +1,7 @@11 {22 "manifest_version": 3,33 "name": "Peach",4- "version": "3.6.39",4+ "version": "3.6.40",55 "description": "Zero-knowledge password manager",66 "action": {77 "default_popup": "src/popup/index.html",package.json+1 −1
@@ -1,6 +1,6 @@11 {22 "name": "peach",3- "version": "3.6.39",3+ "version": "3.6.40",44 "description": "Zero-knowledge password manager",55 "type": "module",66 "scripts": {src/popup/styles/vars.css+7 −7
@@ -237,17 +237,17 @@237237 window in both directions. Zooming body for small left a visible gap at238238 the bottom because the window stayed at full height.239239 240- When zoom < 1, html's fixed 320px CSS width renders at 320 × zoom in241- window space, leaving a strip of unstyled Chrome backdrop on the right.242- For "small" we widen html by the inverse of the zoom factor so its243- painted background fills the popup window edge-to-edge after scaling.244- body / #app keep their 320 CSS px so the in-content layout doesn't245- shift — the extra html width is just background bleed. */240+ For "small" we also unfix html's width — Chrome's popup width is driven241+ by html's CSS width, not its post-zoom rendered width. With a fixed242+ 320 px html, zoom 0.92 paints inside that 320 and leaves a strip of243+ Chrome backdrop on the right. Letting html auto-size to its content244+ (which is the 320 px body, rendered at 294 after zoom) lets the popup245+ window itself shrink with the zoom. */246246 html { background: var(--bg); }247247 html[data-text-size="large"] { zoom: 1.08; }248248 html[data-text-size="small"] {249249 zoom: 0.92;250- width: calc(320px / 0.92);250+ width: auto;251251 }252252 253253 /* ─── Reduced motion ───────────────────────────────────────────────────