Repair event status position in timeline

https://github.com/matrix-org/matrix-react-sdk/pull/6079 caused a regression in
the event status indicator. The `mx_EventTile_msgOption` container was folded
into the avatars code path, but the event status is a special case of this, so
it now needs to also have this container to preserve its positioning.

Fixes https://github.com/vector-im/element-web/issues/17552
pull/21833/head
J. Ryan Stinnett 2021-06-04 11:54:58 +01:00
parent 12e013508d
commit ab96d5f8af
1 changed files with 10 additions and 6 deletions

View File

@ -1340,11 +1340,15 @@ class SentReceipt extends React.PureComponent<ISentReceiptProps, ISentReceiptSta
tooltip = <Tooltip className="mx_EventTile_readAvatars_receiptTooltip" label={label} yOffset={20} />; tooltip = <Tooltip className="mx_EventTile_readAvatars_receiptTooltip" label={label} yOffset={20} />;
} }
return <span className="mx_EventTile_readAvatars"> return (
<span className={receiptClasses} onMouseEnter={this.onHoverStart} onMouseLeave={this.onHoverEnd}> <div className="mx_EventTile_msgOption">
{nonCssBadge} <span className="mx_EventTile_readAvatars">
{tooltip} <span className={receiptClasses} onMouseEnter={this.onHoverStart} onMouseLeave={this.onHoverEnd}>
</span> {nonCssBadge}
</span>; {tooltip}
</span>
</span>
</div>
);
} }
} }