You've already forked matrix-react-sdk
							
							
				mirror of
				https://github.com/matrix-org/matrix-react-sdk.git
				synced 2025-10-31 01:45:39 +03:00 
			
		
		
		
	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:
		| @@ -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}> | ||||||
|                     { name } |                     <span dir="auto"> | ||||||
|  |                         { name } | ||||||
|  |                     </span> | ||||||
|                 </div> |                 </div> | ||||||
|                 { subtitle } |                 { subtitle } | ||||||
|             </div> |             </div> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user