Mirrors/gomuks
1
0
Fork 1
mirror of https://github.com/tulir/gomuks.git synced 2025-04-20 10:33:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

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); border-left: 2px solid var(--reply-border-color);
padding: .25rem .5rem; 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-0 { --reply-border-color: var(--sender-color-0); }
&.sender-color-1 { --reply-border-color: var(--sender-color-1); } &.sender-color-1 { --reply-border-color: var(--sender-color-1); }
&.sender-color-2 { --reply-border-color: var(--sender-color-2); } &.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) { if (!event) {
// This caches whether the event is requested or not, so it doesn't need to be wrapped in an effect. // 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) use(ClientContext)!.requestEvent(room, eventID)
return <blockquote className="reply-body"> return <blockquote className={`reply-body sender-color-null ${small ? "small" : ""}`}>
Reply to unknown event<br/><code>{eventID}</code> {small && <div className="reply-spine"/>}
Reply to unknown event
{!small && <br/>}
<code>{eventID}</code>
</blockquote> </blockquote>
} }
return <ReplyBody room={room} event={event} isThread={isThread} small={small}/> return <ReplyBody room={room} event={event} isThread={isThread} small={small}/>