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
↓ peach-browser-19afa4f7.tar.gzatlas at this save
files changed3 files
src/popup/styles/popup.css+17 −20src/popup/views/WhatsNew.tsx+1 −1src/shared/release-notes.ts+5 −9src/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 }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 }}>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