cfa0b3390c64
fix add-another-url closing the editor by unifying focus-out wrap and halve button glow (v1.9.1)
- time
- 2026-04-24 23:30 UTC · 6 months ago
- machine
- koh2
- parent
- 032574cf5b9a
↓ peach-browser-cfa0b339.tar.gzatlas at this save
files changed7 files
manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/App.tsx+3 −3src/popup/styles/popup.css+13 −13src/popup/styles/vars.css+3 −3src/popup/views/Entry.tsx+7 −5manifest.firefox.json+1 −1
@@ -1,7 +1,7 @@11 {22 "manifest_version": 3,33 "name": "Peach",4- "version": "1.9.0",4+ "version": "1.9.1",55 "description": "Zero-knowledge password manager",66 "browser_specific_settings": {77 "gecko": {manifest.json+1 −1
@@ -1,7 +1,7 @@11 {22 "manifest_version": 3,33 "name": "Peach",4- "version": "1.9.0",4+ "version": "1.9.1",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": "1.9.0",3+ "version": "1.9.1",44 "description": "Zero-knowledge password manager",55 "type": "module",66 "scripts": {src/popup/App.tsx+3 −3
@@ -182,9 +182,9 @@182182 document.documentElement.style.setProperty("--peach-accent", hex);183183 // Ambient surface variables — derived from the accent so surfaces shift184184 // subtly toward the accent hue rather than staying fixed warm-brown.185- document.documentElement.style.setProperty("--peach-glow", hex + "53");186- document.documentElement.style.setProperty("--peach-surface-tint", hex + "12");187- document.documentElement.style.setProperty("--peach-border-accent", hex + "47");185+ document.documentElement.style.setProperty("--peach-glow", hex + "2A");186+ document.documentElement.style.setProperty("--peach-surface-tint", hex + "09");187+ document.documentElement.style.setProperty("--peach-border-accent", hex + "24");188188 }189189 190190 createEffect(() => {src/popup/styles/popup.css+13 −13
@@ -826,19 +826,19 @@826826 background: var(--peach-accent);827827 color: rgba(0,0,0,0.78);828828 box-shadow:829- 0 1px 0 rgba(255,255,255,0.15) inset,830- 0 0 0 1px color-mix(in srgb, var(--peach-accent) 42%, transparent),831- 0 4px 22px var(--peach-glow),832- 0 0 32px color-mix(in srgb, var(--peach-accent) 20%, transparent);829+ 0 1px 0 rgba(255,255,255,0.08) inset,830+ 0 0 0 1px color-mix(in srgb, var(--peach-accent) 21%, transparent),831+ 0 3px 16px var(--peach-glow),832+ 0 0 24px color-mix(in srgb, var(--peach-accent) 10%, transparent);833833 }834834 .peach-btn--accent:hover:not(:disabled) {835835 background: var(--peach-accent);836- filter: brightness(1.12) saturate(1.07);836+ filter: brightness(1.10) saturate(1.05);837837 box-shadow:838- 0 1px 0 rgba(255,255,255,0.21) inset,839- 0 0 0 1px color-mix(in srgb, var(--peach-accent) 50%, transparent),840- 0 6px 28px color-mix(in srgb, var(--peach-accent) 42%, transparent),841- 0 0 40px color-mix(in srgb, var(--peach-accent) 27%, transparent);838+ 0 1px 0 rgba(255,255,255,0.10) inset,839+ 0 0 0 1px color-mix(in srgb, var(--peach-accent) 25%, transparent),840+ 0 4px 20px color-mix(in srgb, var(--peach-accent) 21%, transparent),841+ 0 0 30px color-mix(in srgb, var(--peach-accent) 14%, transparent);842842 }843843 .peach-btn--ghost { border-color: var(--peach-t3); color: var(--peach-t1); }844844 .peach-btn--subtle { color: var(--peach-t2); border-color: var(--peach-t3); }@@ -3244,10 +3244,10 @@32443244 .peach-lock-submit {32453245 width: 100%;32463246 box-shadow:3247- 0 1px 0 rgba(255,255,255,0.20) inset,3248- 0 0 0 1px color-mix(in srgb, var(--peach-accent) 38%, transparent),3249- 0 16px 44px color-mix(in srgb, var(--peach-accent) 38%, transparent),3250- 0 0 60px color-mix(in srgb, var(--peach-accent) 20%, transparent);3247+ 0 1px 0 rgba(255,255,255,0.10) inset,3248+ 0 0 0 1px color-mix(in srgb, var(--peach-accent) 19%, transparent),3249+ 0 12px 32px color-mix(in srgb, var(--peach-accent) 19%, transparent),3250+ 0 0 48px color-mix(in srgb, var(--peach-accent) 10%, transparent);32513251 }32523252 32533253 .peach-lock-secondary {src/popup/styles/vars.css+3 −3
@@ -113,9 +113,9 @@113113 --peach-t3: var(--t3);114114 --peach-accent: var(--ac);115115 --peach-accent-dim: color-mix(in srgb, var(--peach-accent) 25%, transparent);116- --peach-glow: #F49C7053; /* accent bloom behind buttons/illustrations — set by applyAccent() */117- --peach-surface-tint: #F49C7012; /* accent tint on card surfaces — set by applyAccent() */118- --peach-border-accent: #F49C7047; /* accent-tinted border for active states — set by applyAccent() */116+ --peach-glow: #F49C702A; /* accent bloom behind buttons/illustrations — set by applyAccent() */117+ --peach-surface-tint: #F49C7009; /* accent tint on card surfaces — set by applyAccent() */118+ --peach-border-accent: #F49C7024; /* accent-tinted border for active states — set by applyAccent() */119119 --peach-breach: var(--breach);120120 --peach-health-ok: var(--health);121121 --peach-totp-tag: var(--totp-tag);src/popup/views/Entry.tsx+7 −5
@@ -452,11 +452,11 @@452452 </div>453453 }454454 >455- <div>456- <div457- class="peach-inline-field-wrap"458- onFocusOut={(event) => handleEditorFocusOut("url", event)}459- >455+ <div456+ class="peach-inline-field-wrap peach-inline-field-wrap--url"457+ onFocusOut={(event) => handleEditorFocusOut("url", event)}458+ >459+ <div class="peach-inline-field-row">460460 <input461461 class="peach-inline-input"462462 type="url"@@ -492,6 +492,7 @@492492 class="peach-additional-url-remove"493493 type="button"494494 aria-label="Remove URL"495+ onMouseDown={(e) => e.preventDefault()}495496 onClick={() => setAdditionalUrlsDraft((arr) => arr.filter((_, idx) => idx !== i()))}496497 disabled={saving()}497498 >×</button>@@ -501,6 +502,7 @@501502 <button502503 class="peach-add-field-link peach-additional-urls-add"503504 type="button"505+ onMouseDown={(e) => e.preventDefault()}504506 onClick={() => setAdditionalUrlsDraft((arr) => [...arr, ""])}505507 disabled={saving()}506508 >