n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

web/timeline: fix rendering replies to unknown events in compact style

Browse source
This commit is contained in:
Tulir Asokan 2024-12-30 22:40:14 +02:00
parent d82f5404ec
commit c44ab253f8
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
web/src/ui/timeline/ReplyBody.css
View file

@ -3,6 +3,7 @@ blockquote.reply-body {
border-left: 2px solid var(--reply-border-color);
padding: .25rem .5rem;
&.sender-color-null { --reply-border-color: var(--blockquote-border-color); }
&.sender-color-0 { --reply-border-color: var(--sender-color-0); }
&.sender-color-1 { --reply-border-color: var(--sender-color-1); }
&.sender-color-2 { --reply-border-color: var(--sender-color-2); }

7
web/src/ui/timeline/ReplyBody.tsx
View file

@ -53,8 +53,11 @@ export const ReplyIDBody = ({ room, eventID, isThread, small }: ReplyIDBodyProps
if (!event) {
// This caches whether the event is requested or not, so it doesn't need to be wrapped in an effect.
use(ClientContext)!.requestEvent(room, eventID)
return <blockquote className="reply-body">
Reply to unknown event<br/><code>{eventID}</code>
return <blockquote className={`reply-body sender-color-null ${small ? "small" : ""}`}>
{small && <div className="reply-spine"/>}
Reply to unknown event
{!small && <br/>}
<code>{eventID}</code>
</blockquote>
}
return <ReplyBody room={room} event={event} isThread={isThread} small={small}/>