[frontend/components] Make host part of usernames dim like in reactions

This commit is contained in:
pancakes 2025-03-08 14:37:49 +10:00 committed by Laura Hausmann
parent f0511fb95a
commit 6c1a4b5119
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 9 additions and 1 deletions

View file

@ -9,7 +9,11 @@
<div class="name-section"> <div class="name-section">
<span class="display-name"><UserDisplayName User="@User"/></span> <span class="display-name"><UserDisplayName User="@User"/></span>
<span class="identifier"> <span class="identifier">
@@@User.Username@(User.Host != null ? $"@{User.Host}" : "") @@@User.Username
@if (User.Host != null)
{
<span class="host">@@@User.Host</span>
}
@if (User.IsBot) @if (User.IsBot)
{ {
<Icon Name="Icons.Robot" Size="1.3em" title="Automated"/> <Icon Name="Icons.Robot" Size="1.3em" title="Automated"/>

View file

@ -7,6 +7,10 @@
font-size: 0.8em; font-size: 0.8em;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: clip; overflow: clip;
.host {
opacity: 0.5;
}
} }
min-width: 2rem; min-width: 2rem;
overflow: clip; overflow: clip;