From 3021ef9d9f7e868f1fb48e4dc1f04cffbe9c075b Mon Sep 17 00:00:00 2001 From: adlee-was-taken Date: Sun, 3 May 2026 18:53:09 -0400 Subject: [PATCH] feat(ext/vault): sidebar logo before "Relicario" wordmark MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Renders the 16-optimized SVG (icons/relicario-logo-16.svg) inline before the brand text in .vault-sidebar__header. Sized to 20×20 px with flex-shrink: 0 so it survives narrow-pane wraps. The header already had display: flex + gap: 8px, so the layout absorbed the new element without further changes. Popup surface is untouched (this override is scoped to .vault-sidebar__header .brand-logo). Co-Authored-By: Claude Opus 4.7 --- CHANGELOG.md | 4 ++++ extension/src/vault/vault.css | 7 +++++++ extension/src/vault/vault.ts | 1 + 3 files changed, 12 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index ca63564..3ea1c6e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -54,6 +54,10 @@ two confirmed bugs). ### Added +- **Sidebar logo in the fullscreen vault tab.** The + `vault-sidebar__header` now renders the 16-optimized SVG logo + inline before the "Relicario" wordmark (20×20 px, `flex-shrink: 0` + so it survives narrow-pane wraps). Popup unaffected. - **Password coloring (P1).** Revealed passwords in the popup item-detail, fullscreen item view, field-history viewer, and generator preview render digits and symbols in distinct colors. diff --git a/extension/src/vault/vault.css b/extension/src/vault/vault.css index 6555200..c1d1639 100644 --- a/extension/src/vault/vault.css +++ b/extension/src/vault/vault.css @@ -1290,6 +1290,13 @@ textarea { align-items: center; gap: 8px; } +.vault-sidebar__header .brand-logo { + width: 20px; + height: 20px; + margin: 0; + display: block; + flex-shrink: 0; +} .vault-sidebar__search { padding: 8px 12px; diff --git a/extension/src/vault/vault.ts b/extension/src/vault/vault.ts index d30c2c1..ba91bc6 100644 --- a/extension/src/vault/vault.ts +++ b/extension/src/vault/vault.ts @@ -258,6 +258,7 @@ function renderShell(app: HTMLElement): void { app.innerHTML = `
+ Relicario