From bf06cfe2e1d81ac59e2e2709dd060a52beb9a667 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Fri, 27 Sep 2024 18:06:44 +0800
Subject: [PATCH 1/3] Home: fix could not jump to sign in page

---
 src/timelines/Home.tsx | 72 ++++++++++++++++++++++--------------------
 1 file changed, 38 insertions(+), 34 deletions(-)

diff --git a/src/timelines/Home.tsx b/src/timelines/Home.tsx
index b83de4d..6371250 100644
--- a/src/timelines/Home.tsx
+++ b/src/timelines/Home.tsx
@@ -11,7 +11,7 @@ import {
   Suspense,
   Match,
   Switch as JsSwitch,
-  ErrorBoundary
+  ErrorBoundary,
 } from "solid-js";
 import { useDocumentTitle } from "../utils";
 import { type mastodon } from "masto";
@@ -126,9 +126,11 @@ const TimelinePanel: Component<{
   };
 
   return (
-    <ErrorBoundary fallback={(err, reset) => {
-      return <p>Oops: {String(err)}</p>
-    }}>
+    <ErrorBoundary
+      fallback={(err, reset) => {
+        return <p>Oops: {String(err)}</p>;
+      }}
+    >
       <PullDownToRefresh
         linkedElement={scrollLinked()}
         loading={snapshot.loading}
@@ -404,40 +406,42 @@ const Home: ParentComponent = (props) => {
         }
       >
         <TimeSourceProvider value={now}>
-          <div class="panel-list" ref={panelList!}>
-            <div class="tab-panel">
-              <div>
-                <TimelinePanel
-                  client={client()}
-                  name="home"
-                  prefetch={prefetching()}
-                  openFullScreenToot={openFullScreenToot}
-                />
+          <Show when={!!client()}>
+            <div class="panel-list" ref={panelList!}>
+              <div class="tab-panel">
+                <div>
+                  <TimelinePanel
+                    client={client()}
+                    name="home"
+                    prefetch={prefetching()}
+                    openFullScreenToot={openFullScreenToot}
+                  />
+                </div>
               </div>
-            </div>
-            <div class="tab-panel">
-              <div>
-                <TimelinePanel
-                  client={client()}
-                  name="trends"
-                  prefetch={prefetching()}
-                  openFullScreenToot={openFullScreenToot}
-                  fullRefetch={120}
-                />
+              <div class="tab-panel">
+                <div>
+                  <TimelinePanel
+                    client={client()}
+                    name="trends"
+                    prefetch={prefetching()}
+                    openFullScreenToot={openFullScreenToot}
+                    fullRefetch={120}
+                  />
+                </div>
               </div>
-            </div>
-            <div class="tab-panel">
-              <div>
-                <TimelinePanel
-                  client={client()}
-                  name="public"
-                  prefetch={prefetching()}
-                  openFullScreenToot={openFullScreenToot}
-                />
+              <div class="tab-panel">
+                <div>
+                  <TimelinePanel
+                    client={client()}
+                    name="public"
+                    prefetch={prefetching()}
+                    openFullScreenToot={openFullScreenToot}
+                  />
+                </div>
               </div>
+              <div></div>
             </div>
-            <div></div>
-          </div>
+          </Show>
         </TimeSourceProvider>
         <Suspense>
           <HeroSourceProvider value={[heroSrc, setHeroSrc]}>

From 11c31f7f4275fa6c10ade4b6867c61442bc0e9da Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Fri, 27 Sep 2024 18:07:10 +0800
Subject: [PATCH 2/3] timelines: minor clean up

---
 src/masto/timelines.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/masto/timelines.ts b/src/masto/timelines.ts
index ce73490..2e49145 100644
--- a/src/masto/timelines.ts
+++ b/src/masto/timelines.ts
@@ -38,7 +38,6 @@ export function useTimeline(
     async ([tl], info) => {
       let tlChanged = false;
       if (otl !== tl) {
-        console.debug("timeline reset");
         npager = opager = undefined;
         otl = tl;
         tlChanged = true;

From 825baba08876c8677cb5fc9ba2bf3cd920958a6b Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Fri, 27 Sep 2024 18:10:23 +0800
Subject: [PATCH 3/3] disable rubberband in :root and bottom sheets

---
 src/App.css                         | 2 +-
 src/material/BottomSheet.module.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index e2c7ce3..356b93a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -4,7 +4,7 @@
   --safe-area-inset-bottom: env(safe-area-inset-bottom);
   --safe-area-inset-right: env(safe-area-inset-right);
   background-color: var(--tutu-color-surface, transparent);
-  overscroll-behavior-block: contain;
+  overscroll-behavior-block: none;
 }
 
 .custom-emoji {
diff --git a/src/material/BottomSheet.module.css b/src/material/BottomSheet.module.css
index d096fff..4a35711 100644
--- a/src/material/BottomSheet.module.css
+++ b/src/material/BottomSheet.module.css
@@ -9,7 +9,7 @@
   width: 100%;
   max-width: 560px;
   border-radius: 2px;
-  overscroll-behavior: contain;
+  overscroll-behavior: none;
   max-height: 100vh;
   max-height: 100dvh;