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<CompactTootProps> = (props) => {
         }}
         class={[tootStyle.compactTootContent].join(" ")}
       ></div>
-      <Show when={toot().card}>
-        <TootPreviewCard src={toot().card!} alwaysCompact />
-      </Show>
     </section>
   );
 };

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 = (

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) {

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;