peach-browser / history

c3836b4f9329

make chirp pairing + settings views position:absolute overlays so they cover the always-mounted EntryView underneath (v3.3.5)

time
2026-05-18 13:28 UTC · 5 months ago
machine
koh2
parent
f86ae046b7ec

↓ peach-browser-c3836b4f.tar.gzatlas at this save

files changed4 files manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+12 −5
manifest.firefox.json+1 −1 
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "3.3.4",4+  "version": "3.3.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": "3.3.4",4+  "version": "3.3.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": "3.3.4",3+  "version": "3.3.5",44   "description": "Zero-knowledge password manager",55   "type": "module",66   "scripts": {

view file

src/popup/styles/popup.css+12 −5 
@@ -8741,12 +8741,12 @@87418741    ────────────────────────────────────────────────────────────────────── */87428742 87438743 .peach-chirp-pair {8744-  position: relative;8744+  position: absolute;8745+  inset: 0;8746+  z-index: 3;87458747   display: flex;87468748   flex-direction: column;87478749   padding: 14px 12px 12px;8748-  height: 100%;8749-  min-height: 100%;87508750   width: 100%;87518751   box-sizing: border-box;87528752   gap: 0;@@ -8758,7 +8758,12 @@87588758   overflow-x: hidden;87598759   scrollbar-width: none;87608760   isolation: isolate;8761+  animation: peach-chirp-overlay-in 180ms cubic-bezier(0.4, 0, 0.2, 1) both;87618762 }8763+@keyframes peach-chirp-overlay-in {8764+  from { opacity: 0; transform: translateY(8px); }8765+  to   { opacity: 1; transform: translateY(0); }8766+}87628767 .peach-chirp-pair::-webkit-scrollbar { width: 0; height: 0; display: none; }87638768 .peach-chirp-pair::before {87648769   content: '';@@ -9475,7 +9480,9 @@94759480    the "Pair a device" CTA.94769481    ───────────────────────────────────────────────────────────────── */94779482 .peach-chirp-settings {9478-  position: relative;9483+  position: absolute;9484+  inset: 0;9485+  z-index: 3;94799486   display: flex;94809487   flex-direction: column;94819488   gap: 18px;@@ -9484,7 +9491,6 @@94849491   box-sizing: border-box;94859492   overflow-y: auto;94869493   overflow-x: hidden;9487-  height: 100%;94889494   /* Same warm Chirp surface as the pairing screen — unifies the two views. */94899495   background:94909496     radial-gradient(ellipse 70% 50% at 30% 0%, color-mix(in srgb, var(--peach-accent) 10%, transparent), transparent 70%),@@ -9494,6 +9500,7 @@94949500   /* Hide native scrollbar — content fits 99% of the time and a chunky94959501      gutter ruins the surface. */94969502   scrollbar-width: none;9503+  animation: peach-chirp-overlay-in 180ms cubic-bezier(0.4, 0, 0.2, 1) both;94979504 }94989505 .peach-chirp-settings::-webkit-scrollbar { width: 0; height: 0; display: none; }94999506 .peach-chirp-settings::before {

view file