Sorry about that. While fixing the issue, I noticed we were using the AboutPageUser component which was a duplicate of the UserInfo component, so I deleted the former.
main ← ux-restore-bold-username-in-about-page
merged 01:54PM - 19 Dec 25 UTC
The AboutPageUser component introduced in PR #36482 broke username styling by sw… apping the content between `.username` and `.name` spans based on the `prioritizeNameInUx` setting. This caused usernames to lose their bold styling since CSS targets elements by class name, not content.
This fix removes the custom AboutPageUser component and reuses the existing UserInfo component instead. UserInfo handles name priority correctly by using a `--name-first` CSS modifier class to change visual order via flexbox, while keeping the username content in the `.username` span where the bold styling is applied.
The page object for system specs is updated to detect which display mode is active by checking for the `--name-first` class, then mapping the span contents accordingly.
Ref - https://meta.discourse.org/t/391706
**BEFORE**
<img width="1510" height="1293" alt="2025-12-19 @ 11 36 13" src="https://github.com/user-attachments/assets/56e1460e-30e9-41a4-92f7-c49bf9c3b9da" />
**AFTER**
<img width="1510" height="1293" alt="2025-12-19 @ 11 36 06" src="https://github.com/user-attachments/assets/c92d165d-edaa-47e1-97fb-c6518ed3bbfe" />
2 Likes