alee/relicario
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

feat(ext/popup): rename sig-block--blue to --gold for accuracy

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken
2026-04-24 22:15:46 -04:00
parent 976db85a45
commit 5bc75c9f8a
6 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
extension/src/popup/components/__tests__/fields.test.ts
View File

@@ -67,9 +67,9 @@ describe('renderConcealedRow', () => {
}); });
describe('renderSignatureBlock', () => { describe('renderSignatureBlock', () => {
it('default accent is blue', () => { it('default accent is gold', () => {
const html = renderSignatureBlock({ children: '<p>hi</p>' }); const html = renderSignatureBlock({ children: '<p>hi</p>' });
expect(html).toContain('sig-block--blue'); expect(html).toContain('sig-block--gold');
expect(html).toContain('<p>hi</p>'); expect(html).toContain('<p>hi</p>');
}); });

4
extension/src/popup/components/fields.ts
View File

@@ -70,14 +70,14 @@ export function renderConcealedRow(opts: ConcealedRowOpts): string {
} }
export interface SignatureBlockOpts { export interface SignatureBlockOpts {
accent?: 'blue' | 'green' | 'amber' | 'red'; accent?: 'gold' | 'green' | 'amber' | 'red';
children: string; children: string;
} }
/// Container for the type-specific signature panel. `children` is HTML /// Container for the type-specific signature panel. `children` is HTML
/// the caller has already produced (and escaped where needed). /// the caller has already produced (and escaped where needed).
export function renderSignatureBlock(opts: SignatureBlockOpts): string { export function renderSignatureBlock(opts: SignatureBlockOpts): string {
const accent = opts.accent ?? 'blue'; const accent = opts.accent ?? 'gold';
return ` return `
<div class="sig-block sig-block--${accent}">${opts.children}</div> <div class="sig-block sig-block--${accent}">${opts.children}</div>
`; `;

2
extension/src/popup/components/types/card.ts
View File

@@ -78,7 +78,7 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise<void>
<div class="pad"> <div class="pad">
<div style="margin-bottom:12px;"> <div style="margin-bottom:12px;">
<div class="detail-title" style="margin-bottom:8px;">${escapeHtml(item.title)}</div> <div class="detail-title" style="margin-bottom:8px;">${escapeHtml(item.title)}</div>
${renderSignatureBlock({ accent: 'blue', children: sigInner })} ${renderSignatureBlock({ accent: 'gold', children: sigInner })}
</div> </div>
${c.cvv ? renderConcealedRow({ id: 'card-cvv', label: 'cvv', value: c.cvv, monospace: true }) : ''} ${c.cvv ? renderConcealedRow({ id: 'card-cvv', label: 'cvv', value: c.cvv, monospace: true }) : ''}
${c.pin ? renderConcealedRow({ id: 'card-pin', label: 'pin', value: c.pin, monospace: true }) : ''} ${c.pin ? renderConcealedRow({ id: 'card-pin', label: 'pin', value: c.pin, monospace: true }) : ''}

2
extension/src/popup/components/types/login.ts
View File

@@ -54,7 +54,7 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise<void>
app.innerHTML = ` app.innerHTML = `
<div class="pad"> <div class="pad">
<div style="margin-bottom:12px;"> <div style="margin-bottom:12px;">
${renderSignatureBlock({ accent: 'blue', children: sigInner })} ${renderSignatureBlock({ accent: 'gold', children: sigInner })}
</div> </div>
${username ? renderRow({ label: 'username', value: username, copyable: true }) : ''} ${username ? renderRow({ label: 'username', value: username, copyable: true }) : ''}
${renderConcealedRow({ id: 'login-password', label: 'password', value: password })} ${renderConcealedRow({ id: 'login-password', label: 'password', value: password })}

2
extension/src/popup/components/types/totp.ts
View File

@@ -80,7 +80,7 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise<void>
<div class="pad"> <div class="pad">
<div style="margin-bottom:12px;"> <div style="margin-bottom:12px;">
<div class="detail-title" style="margin-bottom:8px;">${escapeHtml(item.title)}</div> <div class="detail-title" style="margin-bottom:8px;">${escapeHtml(item.title)}</div>
${renderSignatureBlock({ accent: 'blue', children: sigInner })} ${renderSignatureBlock({ accent: 'gold', children: sigInner })}
</div> </div>
${c.issuer ? renderRow({ label: 'issuer', value: c.issuer }) : ''} ${c.issuer ? renderRow({ label: 'issuer', value: c.issuer }) : ''}
${c.label ? renderRow({ label: 'label', value: c.label }) : ''} ${c.label ? renderRow({ label: 'label', value: c.label }) : ''}

2
extension/src/popup/styles.css
View File

@@ -504,7 +504,7 @@ textarea {
padding: 14px; padding: 14px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.sig-block--blue { border-left-color: #7c5719; } .sig-block--gold { border-left-color: #7c5719; }
.sig-block--green { border-left-color: #3fb950; } .sig-block--green { border-left-color: #3fb950; }
.sig-block--amber { border-left-color: #d29922; } .sig-block--amber { border-left-color: #d29922; }
.sig-block--red { border-left-color: #ab2b20; } .sig-block--red { border-left-color: #ab2b20; }