From 7331ed2e69cf24b3be2146f5f2f2bba769fffc0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 13 Jul 2023 01:05:53 +0200
Subject: [PATCH] Added support for Follow Requests

---
 TangerineUI-purple.css | 46 +++++++++++++++++++++++++++++++++++++++---
 TangerineUI.css        | 46 +++++++++++++++++++++++++++++++++++++++---
 2 files changed, 86 insertions(+), 6 deletions(-)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 9756532..bd55986 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -469,6 +469,11 @@ body.layout-single-column  {
     content: var(--icon-list);
     background-image: none;
 }
+/* Follow Requests icon */
+.layout-single-column .column-link .fa-user-plus::before {
+    content: var(--icon-users-column-link);
+    background-image: none;
+}
 
 /* Follow hashtag icon */
 .layout-single-column .column-header__button .column-header__icon.fa-user-plus::before {
@@ -478,13 +483,13 @@ body.layout-single-column  {
     right: -5px;
   }
   
-  /* Unfollow hashtag icon */
-  .layout-single-column .column-header__button .column-header__icon.fa-user-times::before {
+/* Unfollow hashtag icon */
+.layout-single-column .column-header__button .column-header__icon.fa-user-times::before {
     content: var(--icon-unfollow-hashtag);
     position: relative;
     top: 2px;
     right: -5px
-  }
+}
   
 
 
@@ -1854,6 +1859,41 @@ body.layout-single-column  {
 }
 
 
+/* Follow requests */
+.layout-single-column #Follow-requests {
+    margin-bottom: 0;
+    z-index: 0;
+}
+.layout-single-column .account-authorize__wrapper {
+    margin: 10px 0;
+}
+.layout-single-column .account-authorize {
+    background-color: var(--color-content-bg);
+    border-radius: 7px 7px 0 0;
+    padding: 20px
+}
+.layout-single-column .account--panel {
+    background-color: var(--color-accent-bg);
+    border: 0;
+    border-radius: 0 0 7px 7px;
+}
+.layout-single-column .account__header__content {
+    color: var(--color-content-fg);
+}
+.layout-single-column .account--panel__button:first-child .icon-button {
+    color: var(--color-accent);
+}
+@media screen and (max-width:1174px) {
+    .layout-single-column #Follow-requests + .column-back-button--slim .column-back-button {
+        position: absolute;
+        right: 0;
+        margin: 0;
+        width: auto;
+        padding: 12px;
+    }
+}
+
+
 /* ⏺️ Other UI components : buttons, toggles, ...
    ----------------------------------------- */
 .layout-single-column .button,
diff --git a/TangerineUI.css b/TangerineUI.css
index 7b28fd3..3edd410 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -469,6 +469,11 @@ body.layout-single-column  {
     content: var(--icon-list);
     background-image: none;
 }
+/* Follow Requests icon */
+.layout-single-column .column-link .fa-user-plus::before {
+    content: var(--icon-users-column-link);
+    background-image: none;
+}
 
 /* Follow hashtag icon */
 .layout-single-column .column-header__button .column-header__icon.fa-user-plus::before {
@@ -478,13 +483,13 @@ body.layout-single-column  {
     right: -5px;
   }
   
-  /* Unfollow hashtag icon */
-  .layout-single-column .column-header__button .column-header__icon.fa-user-times::before {
+/* Unfollow hashtag icon */
+.layout-single-column .column-header__button .column-header__icon.fa-user-times::before {
     content: var(--icon-unfollow-hashtag);
     position: relative;
     top: 2px;
     right: -5px
-  }
+}
   
 
 
@@ -1854,6 +1859,41 @@ body.layout-single-column  {
 }
 
 
+/* Follow requests */
+.layout-single-column #Follow-requests {
+    margin-bottom: 0;
+    z-index: 0;
+}
+.layout-single-column .account-authorize__wrapper {
+    margin: 10px 0;
+}
+.layout-single-column .account-authorize {
+    background-color: var(--color-content-bg);
+    border-radius: 7px 7px 0 0;
+    padding: 20px
+}
+.layout-single-column .account--panel {
+    background-color: var(--color-accent-bg);
+    border: 0;
+    border-radius: 0 0 7px 7px;
+}
+.layout-single-column .account__header__content {
+    color: var(--color-content-fg);
+}
+.layout-single-column .account--panel__button:first-child .icon-button {
+    color: var(--color-accent);
+}
+@media screen and (max-width:1174px) {
+    .layout-single-column #Follow-requests + .column-back-button--slim .column-back-button {
+        position: absolute;
+        right: 0;
+        margin: 0;
+        width: auto;
+        padding: 12px;
+    }
+}
+
+
 /* ⏺️ Other UI components : buttons, toggles, ...
    ----------------------------------------- */
 .layout-single-column .button,