From e59cfb22edec66bf3630fe7786aa7a34fad9ff0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Wed, 28 Feb 2024 00:40:50 +0100
Subject: [PATCH] Adjustements to inline follow suggestions

---
 TangerineUI-cherry.css | 10 +++++++++-
 TangerineUI-purple.css | 10 +++++++++-
 TangerineUI.css        | 10 +++++++++-
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 6a04c32..d577583 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -4869,6 +4869,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     font-weight: bold;
     color: var(--color-content-fg);
 }
+.app-body .inline-follow-suggestions__body__scrollable {
+    scroll-padding: 60px;
+}
 .app-body .inline-follow-suggestions__body__scrollable__card {
     border-radius: 8px;
     background-color: var(--color-content-secondary-bg);
@@ -4902,7 +4905,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .inline-follow-suggestions__body__scroll-button:is(:active, :focus, :hover) .inline-follow-suggestions__body__scroll-button__icon {
     background-color: var(--color-accent-focus);
 }
-
+.app-body .inline-follow-suggestions__body__scroll-button.left {
+    background: linear-gradient(to right, var(--color-content-bg), transparent);
+    margin-left: -15px;
+    padding-left: 21px;
+}
 .app-body .inline-follow-suggestions__body__scroll-button.right {
     background: linear-gradient(to left, var(--color-content-bg), transparent);
     margin-right: -15px;
@@ -5637,6 +5644,7 @@ a:is(.active,
     padding: 0;
     border-left: 0;
     border-right: 0;
+    border-bottom: 0;
 }
 .app-body .server-banner .account .display-name__account {
     opacity: .7;
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 79f04f7..726445e 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -4869,6 +4869,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     font-weight: bold;
     color: var(--color-content-fg);
 }
+.app-body .inline-follow-suggestions__body__scrollable {
+    scroll-padding: 60px;
+}
 .app-body .inline-follow-suggestions__body__scrollable__card {
     border-radius: 8px;
     background-color: var(--color-content-secondary-bg);
@@ -4902,7 +4905,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .inline-follow-suggestions__body__scroll-button:is(:active, :focus, :hover) .inline-follow-suggestions__body__scroll-button__icon {
     background-color: var(--color-accent-focus);
 }
-
+.app-body .inline-follow-suggestions__body__scroll-button.left {
+    background: linear-gradient(to right, var(--color-content-bg), transparent);
+    margin-left: -15px;
+    padding-left: 21px;
+}
 .app-body .inline-follow-suggestions__body__scroll-button.right {
     background: linear-gradient(to left, var(--color-content-bg), transparent);
     margin-right: -15px;
@@ -5637,6 +5644,7 @@ a:is(.active,
     padding: 0;
     border-left: 0;
     border-right: 0;
+    border-bottom: 0;
 }
 .app-body .server-banner .account .display-name__account {
     opacity: .7;
diff --git a/TangerineUI.css b/TangerineUI.css
index 89de052..c3ada35 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -4869,6 +4869,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     font-weight: bold;
     color: var(--color-content-fg);
 }
+.app-body .inline-follow-suggestions__body__scrollable {
+    scroll-padding: 60px;
+}
 .app-body .inline-follow-suggestions__body__scrollable__card {
     border-radius: 8px;
     background-color: var(--color-content-secondary-bg);
@@ -4902,7 +4905,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .inline-follow-suggestions__body__scroll-button:is(:active, :focus, :hover) .inline-follow-suggestions__body__scroll-button__icon {
     background-color: var(--color-accent-focus);
 }
-
+.app-body .inline-follow-suggestions__body__scroll-button.left {
+    background: linear-gradient(to right, var(--color-content-bg), transparent);
+    margin-left: -15px;
+    padding-left: 21px;
+}
 .app-body .inline-follow-suggestions__body__scroll-button.right {
     background: linear-gradient(to left, var(--color-content-bg), transparent);
     margin-right: -15px;
@@ -5637,6 +5644,7 @@ a:is(.active,
     padding: 0;
     border-left: 0;
     border-right: 0;
+    border-bottom: 0;
 }
 .app-body .server-banner .account .display-name__account {
     opacity: .7;