fix(polish): remove identity card kicker, flatten to success border
- Remove 'Active signing identity' kicker text - Card uses flat surface background with var(--success) border (matches active profile card treatment) - Remove dead .home-identity-kicker CSS - Update test to find card by 'Active profile' heading
This commit is contained in:
parent
d93af86c1a
commit
e854c95d41
3 changed files with 2 additions and 12 deletions
|
|
@ -81,7 +81,6 @@ export function HomeScreen({ onNavigate, onCreateProfile }: HomeScreenProps) {
|
||||||
<div className="home-identity-content">
|
<div className="home-identity-content">
|
||||||
<Avatar npub={active.npub} label={active.label} size="lg" picture={active.picture} />
|
<Avatar npub={active.npub} label={active.label} size="lg" picture={active.picture} />
|
||||||
<div className="home-identity-copy">
|
<div className="home-identity-copy">
|
||||||
<p className="home-identity-kicker">Active signing identity</p>
|
|
||||||
<h2 id="active-identity-title">Active profile</h2>
|
<h2 id="active-identity-title">Active profile</h2>
|
||||||
<strong className="home-identity-name" aria-label="Active profile name">
|
<strong className="home-identity-name" aria-label="Active profile name">
|
||||||
{active.label}
|
{active.label}
|
||||||
|
|
|
||||||
|
|
@ -1480,7 +1480,7 @@ select {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
border-color: var(--success);
|
border-color: var(--success);
|
||||||
background: var(--success-soft);
|
background: var(--surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-identity-content {
|
.home-identity-content {
|
||||||
|
|
@ -1494,15 +1494,6 @@ select {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-identity-kicker {
|
|
||||||
margin: 0 0 4px;
|
|
||||||
color: var(--success);
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 650;
|
|
||||||
letter-spacing: 0.08em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home-identity-copy h2 {
|
.home-identity-copy h2 {
|
||||||
margin: 0 0 4px;
|
margin: 0 0 4px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@ describe('HomeScreen', () => {
|
||||||
renderWithApp(<HomeScreen onNavigate={onNavigate} onCreateProfile={vi.fn()} />);
|
renderWithApp(<HomeScreen onNavigate={onNavigate} onCreateProfile={vi.fn()} />);
|
||||||
|
|
||||||
// The active profile name appears both in the identity card and in the profile row.
|
// The active profile name appears both in the identity card and in the profile row.
|
||||||
const identityCard = (await screen.findByText('Active signing identity')).closest(
|
const identityCard = (await screen.findByText('Active profile')).closest(
|
||||||
'.home-identity-card',
|
'.home-identity-card',
|
||||||
) as HTMLElement;
|
) as HTMLElement;
|
||||||
expect(within(identityCard).getByText('Alice')).toBeInTheDocument();
|
expect(within(identityCard).getByText('Alice')).toBeInTheDocument();
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue