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:
Suguru Hirahara 2022-04-11 12:39:47 +00:00 committed by GitHub
parent b760ec9392
commit f648140d0c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 8 deletions

View file

@ -58,8 +58,8 @@ export default class DisambiguatedProfile extends React.Component<IProps> {
});
return (
<div className="mx_DisambiguatedProfile" dir="auto" onClick={onClick}>
<span className={displayNameClasses}>
<div className="mx_DisambiguatedProfile" onClick={onClick}>
<span className={displayNameClasses} dir="auto">
{ rawDisplayName }
</span>
{ mxidElement }

View file

@ -1444,7 +1444,7 @@ const UserInfoHeader: React.FC<{
<div>
<h2>
{ e2eIcon }
<span title={displayName} aria-label={displayName}>
<span title={displayName} aria-label={displayName} dir="auto">
{ displayName }
</span>
</h2>

View file

@ -133,7 +133,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
}
nameEl = (
<div className="mx_EntityTile_details">
<div className="mx_EntityTile_name" dir="auto">
<div className="mx_EntityTile_name">
{ name }
</div>
{ presenceLabel }
@ -142,7 +142,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
} else if (this.props.subtextLabel) {
nameEl = (
<div className="mx_EntityTile_details">
<div className="mx_EntityTile_name" dir="auto">
<div className="mx_EntityTile_name">
{ name }
</div>
<span className="mx_EntityTile_subtext">{ this.props.subtextLabel }</span>
@ -150,7 +150,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
);
} else {
nameEl = (
<div className="mx_EntityTile_name" dir="auto">{ name }</div>
<div className="mx_EntityTile_name">{ name }</div>
);
}

View file

@ -683,8 +683,10 @@ export default class RoomTile extends React.PureComponent<IProps, IState> {
const titleContainer = this.props.isMinimized ? null : (
<div className="mx_RoomTile_titleContainer">
<div title={name} className={titleClasses} tabIndex={-1} dir="auto">
{ name }
<div title={name} className={titleClasses} tabIndex={-1}>
<span dir="auto">
{ name }
</span>
</div>
{ subtitle }
</div>