diff --git a/src/timelines/CompactToot.tsx b/src/timelines/CompactToot.tsx index 75320ea..eb8a7b7 100644 --- a/src/timelines/CompactToot.tsx +++ b/src/timelines/CompactToot.tsx @@ -1,11 +1,12 @@ import type { mastodon } from "masto"; -import { Show, type Component } from "solid-js"; +import { type Component } from "solid-js"; import tootStyle from "./toot.module.css"; import { formatRelative } from "date-fns"; import Img from "../material/Img"; import { Body2 } from "../material/typography"; +import { css } from "solid-styled"; import { appliedCustomEmoji } from "../masto/toot"; -import { TootPreviewCard } from "./RegularToot"; +import cardStyle from "../material/cards.module.css"; type CompactTootProps = { status: mastodon.v1.Status; @@ -47,9 +48,6 @@ const CompactToot: Component = (props) => { }} class={[tootStyle.compactTootContent].join(" ")} > - - - ); }; diff --git a/src/timelines/Home.tsx b/src/timelines/Home.tsx index d303c72..b177b2d 100644 --- a/src/timelines/Home.tsx +++ b/src/timelines/Home.tsx @@ -282,12 +282,6 @@ const Home: ParentComponent = (props) => { if (items.length > idx) { items.item(idx).scrollIntoView({ block: "start", behavior: "smooth" }); } - if (isTabFocus(idx)) { - items.item(idx).scrollTo({ - top: 0, - behavior: "smooth", - }); - } }; const openFullScreenToot = ( diff --git a/src/timelines/RegularToot.tsx b/src/timelines/RegularToot.tsx index 1912f90..24462a1 100644 --- a/src/timelines/RegularToot.tsx +++ b/src/timelines/RegularToot.tsx @@ -197,17 +197,10 @@ function TootAuthorGroup(props: { status: mastodon.v1.Status; now: Date }) { ); } -export function TootPreviewCard(props: { - src: mastodon.v1.PreviewCard; - alwaysCompact?: boolean; -}) { +function TootPreviewCard(props: { src: mastodon.v1.PreviewCard }) { let root: HTMLAnchorElement; createEffect(() => { - if (props.alwaysCompact) { - root.classList.add(tootStyle.compact); - return; - } if (!props.src.width) return; const width = root.getBoundingClientRect().width; if (width > props.src.width) { diff --git a/src/timelines/toot.module.css b/src/timelines/toot.module.css index 92c4143..bc82522 100644 --- a/src/timelines/toot.module.css +++ b/src/timelines/toot.module.css @@ -147,7 +147,6 @@ grid-template-columns: minmax(10%, 30%) 1fr; padding-left: 16px; padding-right: 16px; - padding-top: 8px; >img:first-child { grid-row: 1 / 3;