From db4e922ce2a600a616d15a9721bde111dfb10c4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Sat, 31 Aug 2024 21:12:45 +0200
Subject: [PATCH] Fixed weird style refresh behaviors around detailed post
 views

---
 TangerineUI-cherry.css | 11 ++---------
 TangerineUI-lagoon.css | 11 ++---------
 TangerineUI-purple.css | 11 ++---------
 TangerineUI.css        | 11 ++---------
 4 files changed, 8 insertions(+), 36 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index ad3a3f9..46d327f 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -2531,19 +2531,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-top: 1px solid var(--color-lines);
     border-bottom: 1px solid var(--color-lines);
     padding-bottom: 20px;
+    z-index: 1;
     box-shadow:
         inset 0 -5px var(--color-content-secondary-bg),
         inset 0 -6px var(--color-lines);
 }
-.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
-    border-top: 0;
-}
-.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
-    border-bottom: 1px solid var(--color-lines);
-    padding-bottom: 12px;
-    box-shadow: none;
-}
-.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
+.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child {
     padding-bottom: 12px;
     box-shadow: none;
 }
diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css
index e26c6c8..56b06c5 100644
--- a/TangerineUI-lagoon.css
+++ b/TangerineUI-lagoon.css
@@ -2531,19 +2531,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-top: 1px solid var(--color-lines);
     border-bottom: 1px solid var(--color-lines);
     padding-bottom: 20px;
+    z-index: 1;
     box-shadow:
         inset 0 -5px var(--color-content-secondary-bg),
         inset 0 -6px var(--color-lines);
 }
-.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
-    border-top: 0;
-}
-.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
-    border-bottom: 1px solid var(--color-lines);
-    padding-bottom: 12px;
-    box-shadow: none;
-}
-.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
+.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child {
     padding-bottom: 12px;
     box-shadow: none;
 }
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 97c7f12..d519287 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2531,19 +2531,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-top: 1px solid var(--color-lines);
     border-bottom: 1px solid var(--color-lines);
     padding-bottom: 20px;
+    z-index: 1;
     box-shadow:
         inset 0 -5px var(--color-content-secondary-bg),
         inset 0 -6px var(--color-lines);
 }
-.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
-    border-top: 0;
-}
-.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
-    border-bottom: 1px solid var(--color-lines);
-    padding-bottom: 12px;
-    box-shadow: none;
-}
-.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
+.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child {
     padding-bottom: 12px;
     box-shadow: none;
 }
diff --git a/TangerineUI.css b/TangerineUI.css
index f614f65..469fe89 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2531,19 +2531,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-top: 1px solid var(--color-lines);
     border-bottom: 1px solid var(--color-lines);
     padding-bottom: 20px;
+    z-index: 1;
     box-shadow:
         inset 0 -5px var(--color-content-secondary-bg),
         inset 0 -6px var(--color-lines);
 }
-.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
-    border-top: 0;
-}
-.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
-    border-bottom: 1px solid var(--color-lines);
-    padding-bottom: 12px;
-    box-shadow: none;
-}
-.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
+.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child {
     padding-bottom: 12px;
     box-shadow: none;
 }