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 ( 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 }

View file

@ -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>

View file

@ -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>
); );
} }

View file

@ -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>