Move power label to right of name

The power label is shown to the right of the name, but hidden on hover.

Part of https://github.com/vector-im/riot-web/issues/11940
This commit is contained in:
J. Ryan Stinnett 2020-01-30 22:04:47 +00:00
parent 5933bd15b1
commit 3ef7e5113b
3 changed files with 17 additions and 4 deletions

View file

@ -160,10 +160,11 @@ const EntityTile = createReactClass({
let powerLabel;
const powerStatus = this.props.powerStatus;
if (powerStatus) {
powerLabel = {
[EntityTile.POWER_STATUS_MODERATOR]: _t("Moderator"),
const powerText = {
[EntityTile.POWER_STATUS_MODERATOR]: _t("Mod"),
[EntityTile.POWER_STATUS_ADMIN]: _t("Admin"),
}[powerStatus];
powerLabel = <div className="mx_EntityTile_power">{powerText}</div>;
}
let e2eIcon;
@ -183,10 +184,10 @@ const EntityTile = createReactClass({
onClick={this.props.onClick}>
<div className="mx_EntityTile_avatar">
{ av }
{ powerLabel }
{ e2eIcon }
</div>
{ nameEl }
{ powerLabel }
{ inviteButton }
</AccessibleButton>
</div>