Use a consistent alignment for all text items in a list (#8276)
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
parent
b760ec9392
commit
f648140d0c
4 changed files with 10 additions and 8 deletions
|
@ -58,8 +58,8 @@ export default class DisambiguatedProfile extends React.Component<IProps> {
|
||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="mx_DisambiguatedProfile" dir="auto" onClick={onClick}>
|
<div className="mx_DisambiguatedProfile" onClick={onClick}>
|
||||||
<span className={displayNameClasses}>
|
<span className={displayNameClasses} dir="auto">
|
||||||
{ rawDisplayName }
|
{ rawDisplayName }
|
||||||
</span>
|
</span>
|
||||||
{ mxidElement }
|
{ mxidElement }
|
||||||
|
|
|
@ -1444,7 +1444,7 @@ const UserInfoHeader: React.FC<{
|
||||||
<div>
|
<div>
|
||||||
<h2>
|
<h2>
|
||||||
{ e2eIcon }
|
{ e2eIcon }
|
||||||
<span title={displayName} aria-label={displayName}>
|
<span title={displayName} aria-label={displayName} dir="auto">
|
||||||
{ displayName }
|
{ displayName }
|
||||||
</span>
|
</span>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
|
@ -133,7 +133,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
|
||||||
}
|
}
|
||||||
nameEl = (
|
nameEl = (
|
||||||
<div className="mx_EntityTile_details">
|
<div className="mx_EntityTile_details">
|
||||||
<div className="mx_EntityTile_name" dir="auto">
|
<div className="mx_EntityTile_name">
|
||||||
{ name }
|
{ name }
|
||||||
</div>
|
</div>
|
||||||
{ presenceLabel }
|
{ presenceLabel }
|
||||||
|
@ -142,7 +142,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
|
||||||
} else if (this.props.subtextLabel) {
|
} else if (this.props.subtextLabel) {
|
||||||
nameEl = (
|
nameEl = (
|
||||||
<div className="mx_EntityTile_details">
|
<div className="mx_EntityTile_details">
|
||||||
<div className="mx_EntityTile_name" dir="auto">
|
<div className="mx_EntityTile_name">
|
||||||
{ name }
|
{ name }
|
||||||
</div>
|
</div>
|
||||||
<span className="mx_EntityTile_subtext">{ this.props.subtextLabel }</span>
|
<span className="mx_EntityTile_subtext">{ this.props.subtextLabel }</span>
|
||||||
|
@ -150,7 +150,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
nameEl = (
|
nameEl = (
|
||||||
<div className="mx_EntityTile_name" dir="auto">{ name }</div>
|
<div className="mx_EntityTile_name">{ name }</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -683,8 +683,10 @@ export default class RoomTile extends React.PureComponent<IProps, IState> {
|
||||||
|
|
||||||
const titleContainer = this.props.isMinimized ? null : (
|
const titleContainer = this.props.isMinimized ? null : (
|
||||||
<div className="mx_RoomTile_titleContainer">
|
<div className="mx_RoomTile_titleContainer">
|
||||||
<div title={name} className={titleClasses} tabIndex={-1} dir="auto">
|
<div title={name} className={titleClasses} tabIndex={-1}>
|
||||||
|
<span dir="auto">
|
||||||
{ name }
|
{ name }
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
{ subtitle }
|
{ subtitle }
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue