58c7a0bdb8f3

notes mode: move new-note affordance from the bottom of the list to the header bar as a + glyph, so a long note list no longer hides the button below the fold (v4.3.9)

time
2026-07-28 01:02 UTC · 3 months ago
machine
koh2
agent
claude-MiniMax-M3
session
sync false-failure and bug trio
parent
52793d6ded0a
5 files manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+9 −0src/popup/views/NotesTOC.tsx+6 −4
manifest.firefox.json+1 −1
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach Password Manager",4-  "version": "4.3.8",4+  "version": "4.3.9",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 Password Manager",4-  "version": "4.3.8",4+  "version": "4.3.9",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": "4.3.8",3+  "version": "4.3.9",44   "description": "Zero-knowledge password manager",55   "license": "GPL-3.0-only",66   "type": "module",

view file

src/popup/styles/popup.css+9 −0
@@ -8695,6 +8695,15 @@86958695   color: var(--peach-t0);86968696 }86978697 8698+/* The header + glyph is larger than the search svg so the two right-side8699+ * buttons feel visually balanced. The base .peach-notes-header-btn caps font8700+ * at 16px which would render the + too small. */8701+.peach-notes-new-btn-icon {8702+  font-size: 22px;8703+  font-weight: 300;8704+  line-height: 1;8705+}8706+86988707 /* Inline search bar */86998708 .peach-notes-search-input {87008709   flex: 1;

view file

src/popup/views/NotesTOC.tsx+6 −4
@@ -71,6 +71,12 @@7171         >7272           <button class="peach-notes-back" onClick={props.onBack} aria-label="Back to vault">‹</button>7373           <span class="peach-notes-header-title">notes.</span>74+          <button75+            class="peach-notes-header-btn peach-notes-new-btn-icon"76+            onClick={props.onNewNote}77+            aria-label="New note"78+            title="New note"79+          >+</button>7480           <button class="peach-notes-header-btn" onClick={showSearch} aria-label="Search">7581             <svg width="15" height="15" viewBox="0 0 15 15" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round">7682               <circle cx="6.5" cy="6.5" r="4.25" />@@ -121,10 +127,6 @@121127             }}122128           </For>123129         </Show>124-125-        <button class="peach-notes-new-btn" onClick={props.onNewNote}>126-          + new note127-        </button>128130       </div>129131     </div>130132   );

view file