From 6858d55982e912dc12cb97d9c9fef1de6eff5d32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Fri, 24 Nov 2023 17:03:20 +0100
Subject: [PATCH] Handle 3 items in the bottom bar on mobile on profile pages

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

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 8726f08..970000c 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -2627,7 +2627,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     }
     .app-body
         .navigation-panel:has(> *:nth-child(5):last-child)
-        :is(.column-link, .navigation-panel__legal) {
+        :is(.column-link, .navigation-panel__legal),
+    .app-body
+        .navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
+        :is(.column-link, .navigation-panel__legal)  {
         flex: calc(100vw / 3);
     }
     .app-body
@@ -2635,6 +2638,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         :is(.column-link, .navigation-panel__legal) {
         flex: 25vw;
     }
+    .app-body
+        .navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
+        display: none;
+    }
     .app-body .column-link--transparent:is(.active, .active:hover, :active) {
         margin: 6px 0 8px;
         padding: 4px 0 3px;
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 942ce4e..f9ce454 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2627,7 +2627,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     }
     .app-body
         .navigation-panel:has(> *:nth-child(5):last-child)
-        :is(.column-link, .navigation-panel__legal) {
+        :is(.column-link, .navigation-panel__legal),
+    .app-body
+        .navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
+        :is(.column-link, .navigation-panel__legal)  {
         flex: calc(100vw / 3);
     }
     .app-body
@@ -2635,6 +2638,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         :is(.column-link, .navigation-panel__legal) {
         flex: 25vw;
     }
+    .app-body
+        .navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
+        display: none;
+    }
     .app-body .column-link--transparent:is(.active, .active:hover, :active) {
         margin: 6px 0 8px;
         padding: 4px 0 3px;
diff --git a/TangerineUI.css b/TangerineUI.css
index af0205d..53d8d0d 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2627,7 +2627,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     }
     .app-body
         .navigation-panel:has(> *:nth-child(5):last-child)
-        :is(.column-link, .navigation-panel__legal) {
+        :is(.column-link, .navigation-panel__legal),
+    .app-body
+        .navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
+        :is(.column-link, .navigation-panel__legal)  {
         flex: calc(100vw / 3);
     }
     .app-body
@@ -2635,6 +2638,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         :is(.column-link, .navigation-panel__legal) {
         flex: 25vw;
     }
+    .app-body
+        .navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
+        display: none;
+    }
     .app-body .column-link--transparent:is(.active, .active:hover, :active) {
         margin: 6px 0 8px;
         padding: 4px 0 3px;