[frontend/components] Make host part of usernames dim like in reactions
This commit is contained in:
parent
f0511fb95a
commit
6c1a4b5119
2 changed files with 9 additions and 1 deletions
|
@ -9,7 +9,11 @@
|
|||
<div class="name-section">
|
||||
<span class="display-name"><UserDisplayName User="@User"/></span>
|
||||
<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)
|
||||
{
|
||||
<Icon Name="Icons.Robot" Size="1.3em" title="Automated"/>
|
||||
|
|
|
@ -7,6 +7,10 @@
|
|||
font-size: 0.8em;
|
||||
text-overflow: ellipsis;
|
||||
overflow: clip;
|
||||
|
||||
.host {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
min-width: 2rem;
|
||||
overflow: clip;
|
||||
|
|
Loading…
Add table
Reference in a new issue