Fix avatar obstructing membership and state changes

This commit is contained in:
Germain Souquet 2021-07-22 11:31:46 +02:00
parent e665e38b7b
commit 8da2d0fe72
3 changed files with 4 additions and 2 deletions

View file

@ -132,7 +132,8 @@ $hover-select-border: 4px;
} }
} }
&.mx_EventTile_info .mx_EventTile_line { &.mx_EventTile_info .mx_EventTile_line,
& ~ .mx_EventListSummary .mx_EventTile_avatar ~ .mx_EventTile_line {
padding-left: calc($left-gutter + 18px); padding-left: calc($left-gutter + 18px);
} }

View file

@ -26,6 +26,7 @@ $left-gutter: 64px;
> .mx_EventTile_avatar { > .mx_EventTile_avatar {
position: absolute; position: absolute;
z-index: 9;
} }
.mx_MessageTimestamp { .mx_MessageTimestamp {

View file

@ -1142,6 +1142,7 @@ export default class EventTile extends React.Component<IProps, IState> {
{ ircTimestamp } { ircTimestamp }
{ sender } { sender }
{ ircPadlock } { ircPadlock }
{ avatar }
<div className="mx_EventTile_line" key="mx_EventTile_line"> <div className="mx_EventTile_line" key="mx_EventTile_line">
{ groupTimestamp } { groupTimestamp }
{ groupPadlock } { groupPadlock }
@ -1162,7 +1163,6 @@ export default class EventTile extends React.Component<IProps, IState> {
</div> </div>
{ reactionsRow } { reactionsRow }
{ msgOption } { msgOption }
{ avatar }
</>) </>)
); );
} }