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:
parent
5933bd15b1
commit
3ef7e5113b
3 changed files with 17 additions and 4 deletions
|
@ -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>
|
||||
|
|
|
@ -909,6 +909,7 @@
|
|||
"Some sessions in this encrypted room are not trusted": "Some sessions in this encrypted room are not trusted",
|
||||
"All sessions in this encrypted room are trusted": "All sessions in this encrypted room are trusted",
|
||||
"Edit message": "Edit message",
|
||||
"Mod": "Mod",
|
||||
"This event could not be displayed": "This event could not be displayed",
|
||||
"%(senderName)s sent an image": "%(senderName)s sent an image",
|
||||
"%(senderName)s sent a video": "%(senderName)s sent a video",
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue