Fix MemberAvatar rendering and thread info color (#7085)
This commit is contained in:
parent
a76fa5d624
commit
aacea8d87b
3 changed files with 14 additions and 2 deletions
|
@ -673,7 +673,7 @@ $left-gutter: 64px;
|
|||
padding-right: 16px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
font-size: 12px;
|
||||
font-size: $font-12px;
|
||||
color: $secondary-content;
|
||||
box-sizing: border-box;
|
||||
justify-content: flex-start;
|
||||
|
@ -694,6 +694,13 @@ $left-gutter: 64px;
|
|||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
padding-left: 8px;
|
||||
font-size: $font-12px;
|
||||
line-height: calc(2 * $font-12px);
|
||||
color: $secondary-content;
|
||||
}
|
||||
|
||||
.mx_ThreadInfo_avatar {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mx_ThreadInfo_thread-icon {
|
||||
|
|
|
@ -317,6 +317,8 @@ export default class PasswordLogin extends React.PureComponent<IProps, IState> {
|
|||
return <EmailField
|
||||
className={classNames(classes)}
|
||||
name="username" // make it a little easier for browser's remember-password
|
||||
autoComplete="email"
|
||||
type="email"
|
||||
key="email_input"
|
||||
placeholder="joe@example.com"
|
||||
value={this.props.username}
|
||||
|
@ -333,6 +335,7 @@ export default class PasswordLogin extends React.PureComponent<IProps, IState> {
|
|||
return <Field
|
||||
className={classNames(classes)}
|
||||
name="username" // make it a little easier for browser's remember-password
|
||||
autoComplete="username"
|
||||
key="username_input"
|
||||
type="text"
|
||||
label={_t("Username")}
|
||||
|
@ -359,6 +362,7 @@ export default class PasswordLogin extends React.PureComponent<IProps, IState> {
|
|||
return <Field
|
||||
className={classNames(classes)}
|
||||
name="phoneNumber"
|
||||
autoComplete="tel-national"
|
||||
key="phone_input"
|
||||
type="text"
|
||||
label={_t("Phone")}
|
||||
|
@ -444,6 +448,7 @@ export default class PasswordLogin extends React.PureComponent<IProps, IState> {
|
|||
{ loginField }
|
||||
<Field
|
||||
className={pwFieldClass}
|
||||
autoComplete="password"
|
||||
type="password"
|
||||
name="password"
|
||||
label={_t('Password')}
|
||||
|
|
|
@ -578,7 +578,7 @@ export default class EventTile extends React.Component<IProps, IState> {
|
|||
}
|
||||
|
||||
return <>
|
||||
<MemberAvatar member={lastEvent.sender} style={{ float: "left", width: "24px", height: "24px" }} />
|
||||
<MemberAvatar member={lastEvent.sender} width={24} height={24} className="mx_ThreadInfo_avatar" />
|
||||
<div className="mx_ThreadInfo_content">
|
||||
<span className="mx_ThreadInfo_message-preview">
|
||||
{ threadMessagePreview }
|
||||
|
|
Loading…
Reference in a new issue