diff --git a/src/timelines/TootBottomSheet.tsx b/src/timelines/TootBottomSheet.tsx index 18a83dc..9a65bd8 100644 --- a/src/timelines/TootBottomSheet.tsx +++ b/src/timelines/TootBottomSheet.tsx @@ -80,12 +80,11 @@ const TootBottomSheet: Component = (props) => { const toot = () => remoteToot() ?? getCache(acctText(), params.id); - createEffect((lastTootId?: string) => { + createEffect(() => { const tootId = toot()?.id; - if (!tootId || lastTootId === tootId) return tootId; + if (!tootId) return; const elementId = `toot-${tootId}`; document.getElementById(elementId)?.scrollIntoView({ behavior: "smooth" }); - return tootId; }); const [tootContext] = createResource( @@ -110,7 +109,7 @@ const TootBottomSheet: Component = (props) => { const name = resolveCustomEmoji(t.account.displayName, t.account.emojis); return `${name}'s toot`; } - return "Someone's toot"; + return "A toot"; }; const actSession = () => { diff --git a/src/timelines/toot.module.css b/src/timelines/toot.module.css index af13f46..da0f6c9 100644 --- a/src/timelines/toot.module.css +++ b/src/timelines/toot.module.css @@ -193,8 +193,6 @@ gap: 8px; align-items: center; margin-bottom: 8px; - flex-flow: row wrap; - justify-content: flex-end; >.compactAuthorUsername { color: var(--tutu-color-secondary-text-on-surface);