Tweak ReadReceiptGroup to better handle disambiguation (#8402)
parent
e0076c9f12
commit
b2bebda670
|
@ -188,7 +188,7 @@ function ReadReceiptPerson({ userId, roomMember, ts, isTwelveHour, onAfterClick
|
||||||
label: (
|
label: (
|
||||||
<>
|
<>
|
||||||
<div className="mx_Tooltip_title">
|
<div className="mx_Tooltip_title">
|
||||||
{ roomMember.name ?? userId }
|
{ roomMember.rawDisplayName ?? userId }
|
||||||
</div>
|
</div>
|
||||||
<div className="mx_Tooltip_sub">
|
<div className="mx_Tooltip_sub">
|
||||||
{ userId }
|
{ userId }
|
||||||
|
@ -212,7 +212,8 @@ function ReadReceiptPerson({ userId, roomMember, ts, isTwelveHour, onAfterClick
|
||||||
onMouseLeave={hideTooltip}
|
onMouseLeave={hideTooltip}
|
||||||
onFocus={showTooltip}
|
onFocus={showTooltip}
|
||||||
onBlur={hideTooltip}
|
onBlur={hideTooltip}
|
||||||
onWheel={hideTooltip}>
|
onWheel={hideTooltip}
|
||||||
|
>
|
||||||
<MemberAvatar
|
<MemberAvatar
|
||||||
member={roomMember}
|
member={roomMember}
|
||||||
fallbackUserId={userId}
|
fallbackUserId={userId}
|
||||||
|
@ -220,7 +221,9 @@ function ReadReceiptPerson({ userId, roomMember, ts, isTwelveHour, onAfterClick
|
||||||
height={24}
|
height={24}
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
aria-live="off"
|
aria-live="off"
|
||||||
resizeMethod="crop" />
|
resizeMethod="crop"
|
||||||
|
hideTitle
|
||||||
|
/>
|
||||||
<div className="mx_ReadReceiptGroup_name">
|
<div className="mx_ReadReceiptGroup_name">
|
||||||
<p>{ roomMember.name }</p>
|
<p>{ roomMember.name }</p>
|
||||||
<p className="mx_ReadReceiptGroup_secondary">
|
<p className="mx_ReadReceiptGroup_secondary">
|
||||||
|
|
Loading…
Reference in New Issue