914b09
fix: soften totp accent ring animation (v1.4.44)
- time
- 2026-04-23 05:17 UTC · 6 months ago
- machine
- koh2
- parent
- 58b08a
↓ peach-browser-914b09.tar.gzatlas at this save
files changed6 files
manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/App.tsx+1 −1src/popup/styles/popup.css+20 −6src/popup/views/contracts.test.tsx+1 −1manifest.firefox.json+1 −1
@@ -1,7 +1,7 @@11 {22 "manifest_version": 3,33 "name": "Peach",4- "version": "1.4.43",4+ "version": "1.4.44",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.4.43",4+ "version": "1.4.44",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.4.43",3+ "version": "1.4.44",44 "description": "Zero-knowledge password manager",55 "type": "module",66 "scripts": {src/popup/App.tsx+1 −1
@@ -92,7 +92,7 @@9292 totpRingResetTimer = window.setTimeout(() => {9393 shell.classList.remove("peach-shell--totp-ring");9494 totpRingResetTimer = null;95- }, 780);95+ }, 920);9696 }9797 9898 export function triggerPipPulse() {src/popup/styles/popup.css+20 −6
@@ -100,15 +100,16 @@100100 content: "";101101 position: absolute;102102 inset: 0;103- border: 2px solid rgba(217, 104, 48, 0);103+ border: 1px solid rgba(217, 104, 48, 0);104104 box-shadow: 0 0 0 rgba(217, 104, 48, 0);105105 border-radius: inherit;106106 opacity: 0;107+ transform: scale(0.996);107108 pointer-events: none;108109 z-index: 20;109110 }110111 .peach-shell.peach-shell--totp-ring::after {111- animation: peach-edge-ring-breath 780ms cubic-bezier(0.18, 0.8, 0.24, 1) both;112+ animation: peach-edge-ring-breath 920ms cubic-bezier(0.2, 0.72, 0.24, 1) both;112113 }113114 .peach-shell[data-surface="extension"] {114115 width: min(320px, 100vw);@@ -733,16 +734,29 @@733734 opacity: 0;734735 border-color: rgba(217, 104, 48, 0);735736 box-shadow: 0 0 0 rgba(217, 104, 48, 0);737+ transform: scale(0.996);736738 }737- 32% {738- opacity: 1;739- border-color: rgba(217, 104, 48, 0.74);740- box-shadow: 0 0 0 1px rgba(217, 104, 48, 0.28), 0 0 18px rgba(217, 104, 48, 0.18);739+ 36% {740+ opacity: 0.82;741+ border-color: rgba(217, 104, 48, 0.34);742+ box-shadow:743+ 0 0 0 1px rgba(217, 104, 48, 0.08),744+ 0 0 10px rgba(217, 104, 48, 0.1);745+ transform: scale(1);741746 }747+ 64% {748+ opacity: 0.36;749+ border-color: rgba(217, 104, 48, 0.18);750+ box-shadow:751+ 0 0 0 1px rgba(217, 104, 48, 0.05),752+ 0 0 14px rgba(217, 104, 48, 0.06);753+ transform: scale(1.001);754+ }742755 100% {743756 opacity: 0;744757 border-color: rgba(217, 104, 48, 0);745758 box-shadow: 0 0 0 rgba(217, 104, 48, 0);759+ transform: scale(1.002);746760 }747761 }748762 .peach-search-bar {src/popup/views/contracts.test.tsx+1 −1
@@ -93,7 +93,7 @@9393 9494 (globalThis as { chrome?: typeof chrome }).chrome = {9595 runtime: {96- getManifest: () => ({ version: "1.4.43" }),96+ getManifest: () => ({ version: "1.4.44" }),9797 onMessage: { addListener: vi.fn() },9898 },9999 } as unknown as typeof chrome;