From 5d9c4608af2ec0f57ecec75195ed26159f66dc53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Wed, 14 Feb 2024 19:29:25 +0100
Subject: [PATCH] Better selectors for the new compact mobile top toolbar

---
 TangerineUI-cherry.css | 12 +++++++-----
 TangerineUI-purple.css | 12 +++++++-----
 TangerineUI.css        | 12 +++++++-----
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index fa1f37f..146c4ff 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3100,18 +3100,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         height: 45px;
         border-bottom: 0;
     }
-    .app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper {
-        display: none;
-    }
-    .app-body:not(.layout-multiple-columns):has(.ui__header .ui__header__links .button[href="/publish"]) .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper, > #tabs-bar__portal > .column-back-button) { /* Column header (2nd top bar) is displayed only if there's something inside */
+    .app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
         display: block;
         top: 0;
-        left: 40px;
+        left: 45px;
         right: 105px;
         height: 55px;
         position: fixed;
+    }
+    .app-body:not(.layout-multiple-columns):not(:has(.ui .ui__header__links > .button[href="/auth/sign_in"])) .tabs-bar__wrapper {
         z-index: 3;
     }
+    .app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper :is(.column-back-button, .column-header > *) {
+        display: none;
+    }
     .app-body:not(.layout-multiple-columns)
         :is(
             .column-header,
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index f7acc12..d1e0651 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3100,18 +3100,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         height: 45px;
         border-bottom: 0;
     }
-    .app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper {
-        display: none;
-    }
-    .app-body:not(.layout-multiple-columns):has(.ui__header .ui__header__links .button[href="/publish"]) .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper, > #tabs-bar__portal > .column-back-button) { /* Column header (2nd top bar) is displayed only if there's something inside */
+    .app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
         display: block;
         top: 0;
-        left: 40px;
+        left: 45px;
         right: 105px;
         height: 55px;
         position: fixed;
+    }
+    .app-body:not(.layout-multiple-columns):not(:has(.ui .ui__header__links > .button[href="/auth/sign_in"])) .tabs-bar__wrapper {
         z-index: 3;
     }
+    .app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper :is(.column-back-button, .column-header > *) {
+        display: none;
+    }
     .app-body:not(.layout-multiple-columns)
         :is(
             .column-header,
diff --git a/TangerineUI.css b/TangerineUI.css
index f3a2537..40bea54 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3100,18 +3100,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         height: 45px;
         border-bottom: 0;
     }
-    .app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper {
-        display: none;
-    }
-    .app-body:not(.layout-multiple-columns):has(.ui__header .ui__header__links .button[href="/publish"]) .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper, > #tabs-bar__portal > .column-back-button) { /* Column header (2nd top bar) is displayed only if there's something inside */
+    .app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
         display: block;
         top: 0;
-        left: 40px;
+        left: 45px;
         right: 105px;
         height: 55px;
         position: fixed;
+    }
+    .app-body:not(.layout-multiple-columns):not(:has(.ui .ui__header__links > .button[href="/auth/sign_in"])) .tabs-bar__wrapper {
         z-index: 3;
     }
+    .app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper :is(.column-back-button, .column-header > *) {
+        display: none;
+    }
     .app-body:not(.layout-multiple-columns)
         :is(
             .column-header,