[frontend/components] Move bot indicator to the left side of the username
This commit is contained in:
parent
a9633f1c1e
commit
dc8a8b815b
2 changed files with 6 additions and 9 deletions
|
@ -9,15 +9,15 @@
|
||||||
<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">
|
||||||
|
@if (User.IsBot)
|
||||||
|
{
|
||||||
|
<Icon Name="Icons.Robot" Size="1.3em" title="Automated"/>
|
||||||
|
}
|
||||||
@@@User.Username
|
@@@User.Username
|
||||||
@if (User.Host != null)
|
@if (User.Host != null)
|
||||||
{
|
{
|
||||||
<span class="host">@@@User.Host</span>
|
<span class="host">@@@User.Host</span>
|
||||||
}
|
}
|
||||||
@if (User.IsBot)
|
|
||||||
{
|
|
||||||
<Icon Name="Icons.Robot" Size="1.3em" title="Automated"/>
|
|
||||||
}
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -7,6 +7,7 @@
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: clip;
|
overflow: clip;
|
||||||
|
white-space: wrap;
|
||||||
|
|
||||||
.host {
|
.host {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
|
@ -23,12 +24,8 @@
|
||||||
overflow: clip;
|
overflow: clip;
|
||||||
}
|
}
|
||||||
|
|
||||||
.identifier {
|
|
||||||
white-space: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
::deep .identifier .ph {
|
::deep .identifier .ph {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 0.5em;
|
margin-right: 0.25em;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
Loading…
Add table
Reference in a new issue