From b1287970597067fc9e36e01118a06a48d292d29e Mon Sep 17 00:00:00 2001
From: Chev <riskyrains@proton.me>
Date: Wed, 22 Nov 2023 20:07:50 -0800
Subject: [PATCH] Nitter Split View v1.0.1

- Fix 'load more' and 'load newest' buttons not properly displaying
---
 styles/nitter-split-view.user.css | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/styles/nitter-split-view.user.css b/styles/nitter-split-view.user.css
index 326fd82..92196fb 100644
--- a/styles/nitter-split-view.user.css
+++ b/styles/nitter-split-view.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Nitter Split View
 @author         Chev <riskyrains@proton.me> (https://github.com/chev2)
-@version        1.0.0
+@version        1.0.1
 @description    On Nitter, splits the main tweet and replies to be side-by-side.
 @namespace      github.com/chev2
 @license        Apache-2.0
@@ -57,7 +57,8 @@ top-bar-offset = top-bar-size + top-bar-padding
         /* But we add scrollbars to both so the main container doesn't have to scroll, */
         /* Keeping the navbar intact */
         overflow-y: scroll;
-        max-height: "calc(100vh - 8px - %s)" % top-bar-offset;}
+        max-height: "calc(100vh - 8px - %s)" % top-bar-offset;
+    }
 
     .reply, .tweet-link {
         border-radius: roundness;
@@ -72,4 +73,25 @@ top-bar-offset = top-bar-size + top-bar-padding
         padding-top: 0px;
         margin-top: 0px;
     }
+
+    /* "Load newest" button */
+    .conversation > .timeline-item.show-more {
+        position: fixed;
+
+        right: side-padding;
+        left: calc(50vw);
+
+        margin-left: 8px;
+    }
+
+    .show-more ~ .replies {
+        margin-top: 56px;
+
+        /* If 'load newest' button is visible, then we need to decrease the max height of the replies panel */
+        max-height: "calc(100vh - 8px - 56px - %s)" % top-bar-offset;
+    }
+
+    .conversation .show-more, .show-more a {
+        border-radius: roundness;
+    }
 }