Separate sender profile into elements with classes

For separate CSS manipulation so that we can vary opacity independently for flair/name/aux
This commit is contained in:
Luke Barnard 2017-09-19 16:56:14 +01:00
parent 668e096194
commit e2ae6e6235

View file

@ -32,9 +32,9 @@ export default function SenderProfile(props) {
return ( return (
<div className="mx_SenderProfile" dir="auto" onClick={props.onClick}> <div className="mx_SenderProfile" dir="auto" onClick={props.onClick}>
<EmojiText>{name || ''}</EmojiText> <EmojiText className="mx_SenderProfile_name">{name || ''}</EmojiText>
{props.enableFlair ? <Flair userId={mxEvent.getSender()} /> : null} {props.enableFlair ? <Flair userId={mxEvent.getSender()} /> : null}
{props.aux ? <EmojiText> {props.aux}</EmojiText> : null} {props.aux ? <EmojiText className="mx_SenderProfile_aux"> {props.aux}</EmojiText> : null}
</div> </div>
); );
} }