diff --git a/src/app.css b/src/app.css index f68386f0..1e04835d 100644 --- a/src/app.css +++ b/src/app.css @@ -273,6 +273,14 @@ a.mention span { .timeline.contextual > li.thread .replies li:before { left: calc(50px + 16px + 16px); } +.timeline.contextual.loading > li:not(.hero) { + opacity: 0.2; + pointer-events: none; + background-image: none !important; +} +.timeline.contextual.loading > li:not(.hero):before { + content: none !important; +} .timeline-deck.compact .status { max-height: max(25vh, 160px); diff --git a/src/pages/status.jsx b/src/pages/status.jsx index ca4f35be..aa3a2a6c 100644 --- a/src/pages/status.jsx +++ b/src/pages/status.jsx @@ -23,19 +23,7 @@ function StatusPage({ id }) { useEffect(async () => { const containsStatus = statuses.find((s) => s.id === id); - const statusesWithSameAccountID = statuses.filter( - (s) => s.accountID === containsStatus?.accountID, - ); - if (statusesWithSameAccountID.length > 1) { - setStatuses( - statusesWithSameAccountID.map((s) => ({ - ...s, - thread: true, - descendant: undefined, - ancestor: undefined, - })), - ); - } else { + if (!containsStatus) { setStatuses([{ id }]); } @@ -200,7 +188,11 @@ function StatusPage({ id }) { -