Change user ID colour to secondary (#34129)

* Change user ID colour to secondary

in user menu

Caught by design whilst reviewing user status

* snapshot

* screenshots

* Snapshot
This commit is contained in:
David Baker
2026-07-06 08:36:17 +00:00
committed by GitHub
parent 5b253647e8
commit cfe08be1b9
9 changed files with 10 additions and 6 deletions
@@ -39,6 +39,10 @@
text-align: center;
}
.userId {
color: var(--cpd-color-text-secondary);
}
.createAccount {
margin-top: var(--cpd-space-1x);
margin-bottom: var(--cpd-space-2x);
@@ -176,7 +176,7 @@ export function UserMenuView({ vm, className }: UserMenuViewProps): JSX.Element
{displayName}
</Text>
{userStatus && <StatusButton status={userStatus} clearStatus={vm.clearStatus} />}
<Text data-testid="userId" size="md" as="span" type="body">
<Text data-testid="userId" size="md" as="span" type="body" className={styles.userId}>
{userId}
</Text>
{manageAccountHref && (
@@ -294,7 +294,7 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
Sally Sanderson
</span>
<span
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 UserMenu-module_userId"
data-testid="userId"
>
@person-name:homeserver.com
@@ -626,7 +626,7 @@ exports[`UserMenu > renders an open menu 1`] = `
Sally Sanderson with a longer name
</span>
<span
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 UserMenu-module_userId"
data-testid="userId"
>
@person-name:homeserver.com