19afa4f766a8

fix whats-new overlay sizing to fill parent, remove scrollbar, condense notes with breaking box first

time
2026-09-05 16:35 UTC · 1 month ago
machine
koh2
agent
glm-5.2
session
changelog breaking-changes screen
parent
be9859f3cd06
3 files src/popup/styles/popup.css+17 −20src/popup/views/WhatsNew.tsx+1 −1src/shared/release-notes.ts+5 −9
src/popup/styles/popup.css+17 −20
@@ -7928,15 +7928,13 @@79287928 79297929 /* ── What's new / breaking-changes screen (one-shot after unlock) ── */79307930 .peach-whats-new {7931-  width: 320px;7932-  height: 520px;7931+  position: absolute;7932+  inset: 0;79337933   display: flex;79347934   flex-direction: column;79357935   background:79367936     radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--peach-accent) 8%, transparent) 0%, transparent 65%),79377937     var(--peach-bg);7938-  border: 1px solid var(--peach-t3);7939-  box-shadow: 0 2px 8px rgba(0,0,0,0.55), 0 14px 48px rgba(0,0,0,0.7);79407938   overflow: hidden;79417939 }79427940 @@ -7944,27 +7942,27 @@79447942   display: flex;79457943   flex-direction: column;79467944   height: 100%;7947-  padding: 36px 24px 20px;7945+  padding: 28px 24px 20px;79487946 }79497947 79507948 .peach-whats-new-header {79517949   display: flex;79527950   flex-direction: column;79537951   align-items: center;7954-  gap: 6px;7955-  margin-bottom: 20px;7952+  gap: 4px;7953+  margin-bottom: 16px;79567954   flex-shrink: 0;79577955 }79587956 79597957 .peach-whats-new-mark {7960-  width: 32px;7961-  height: 32px;7962-  margin-bottom: 4px;7958+  width: 28px;7959+  height: 28px;7960+  margin-bottom: 2px;79637961 }79647962 79657963 .peach-whats-new-title {79667964   font-family: var(--font-display);7967-  font-size: 20px;7965+  font-size: 19px;79687966   font-style: italic;79697967   font-weight: 400;79707968   color: var(--peach-t0);@@ -7977,17 +7975,16 @@79777975   color: var(--peach-t1);79787976 }79797977 7980-.peach-whats-new-scroll {7978+.peach-whats-new-notes {79817979   flex: 1;7982-  overflow-y: auto;79837980   display: flex;79847981   flex-direction: column;7985-  gap: 16px;7986-  padding-bottom: 8px;7982+  gap: 12px;7983+  overflow: hidden;79877984 }79887985 79897986 .peach-whats-new-note {7990-  padding: 14px 16px;7987+  padding: 12px 14px;79917988   border-radius: 10px;79927989   background: var(--peach-bg-card);79937990   border: 1px solid var(--peach-t3);@@ -8008,19 +8005,19 @@80088005   background: color-mix(in srgb, var(--peach-breach) 14%, transparent);80098006   padding: 2px 7px;80108007   border-radius: 4px;8011-  margin-bottom: 8px;8008+  margin-bottom: 6px;80128009 }80138010 80148011 .peach-whats-new-note-heading {8015-  font-size: 0.875rem;8012+  font-size: 0.8125rem;80168013   font-weight: 600;80178014   color: var(--peach-t0);8018-  margin: 0 0 6px;8015+  margin: 0 0 4px;80198016 }80208017 80218018 .peach-whats-new-note-body {80228019   font-size: 0.75rem;8023-  line-height: 1.5;8020+  line-height: 1.45;80248021   color: var(--peach-t1);80258022   margin: 0;80268023 }

view file

src/popup/views/WhatsNew.tsx+1 −1
@@ -17,7 +17,7 @@1717           <span class="peach-whats-new-version">v{PEACH_VERSION}</span>1818         </div>1919 20-        <div class="peach-whats-new-scroll">20+        <div class="peach-whats-new-notes">2121           <For each={CURRENT_NOTES}>2222             {(note) => (2323               <div classList={{ "peach-whats-new-note": true, "is-breaking": !!note.breaking }}>

view file

src/shared/release-notes.ts+5 −9
@@ -26,17 +26,13 @@2626 2727 export const CURRENT_NOTES: ReleaseNote[] = [2828   {29-    heading: "Vault V4 format",30-    body: "Peach now supports passphrases and passwords up to 256 characters. Your existing vaults and exports remain fully readable.",29+    heading: "Update your Android app first",30+    body: "Vault V4 is not readable by Peach Android before v2.15.3. Export a backup on Android before updating, then install the new version.",31+    breaking: true,3132   },3233   {33-    heading: "Back up before updating",34-    body: "We recommend creating a vault backup before installing this update. Open Settings → Export to save an encrypted copy of your vault.",35-  },36-  {37-    heading: "Update your Android app",38-    body: "Vault V4 is not readable by Peach Android before v2.15.3. If you sync between devices, update the Android app first — an older Android client cannot open a V4 vault.",39-    breaking: true,34+    heading: "Passphrases & long passwords",35+    body: "Peach now supports passphrases and passwords up to 256 characters. Existing vaults remain fully readable.",4036   },4137 ];4238 

view file