1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-17 17:42:41 +03:00

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>