From 941829c2b86e0ff22a06d777c8190790fbd573a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Tue, 1 Oct 2024 16:20:24 +0200
Subject: [PATCH] Column settings fixes

---
 TangerineUI-cherry.css | 10 ++++------
 TangerineUI-lagoon.css | 10 ++++------
 TangerineUI-purple.css | 10 ++++------
 TangerineUI.css        | 10 ++++------
 4 files changed, 16 insertions(+), 24 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 97623bf..03031ae 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 .app-body .column-header__collapsible {
-    background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-    -webkit-backdrop-filter: blur(15px);
-    backdrop-filter: blur(15px);
+    background-color: var(--color-content-secondary-bg);
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
     border-bottom: 0;
@@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
             }
         }
     }
-    .app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
+    .app-body:not(.layout-multiple-columns) .column-header__collapsible {
         margin-top: 1px;
         position: fixed;
-        left: 0;
-        right: 0;
+        left: -45px;
+        right: -55px;
     }
     .app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
         border-bottom: 1px solid var(--color-lines);
diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css
index fa44228..907d685 100644
--- a/TangerineUI-lagoon.css
+++ b/TangerineUI-lagoon.css
@@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 .app-body .column-header__collapsible {
-    background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-    -webkit-backdrop-filter: blur(15px);
-    backdrop-filter: blur(15px);
+    background-color: var(--color-content-secondary-bg);
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
     border-bottom: 0;
@@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
             }
         }
     }
-    .app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
+    .app-body:not(.layout-multiple-columns) .column-header__collapsible {
         margin-top: 1px;
         position: fixed;
-        left: 0;
-        right: 0;
+        left: -45px;
+        right: -55px;
     }
     .app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
         border-bottom: 1px solid var(--color-lines);
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index a65122e..1a195e6 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 .app-body .column-header__collapsible {
-    background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-    -webkit-backdrop-filter: blur(15px);
-    backdrop-filter: blur(15px);
+    background-color: var(--color-content-secondary-bg);
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
     border-bottom: 0;
@@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
             }
         }
     }
-    .app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
+    .app-body:not(.layout-multiple-columns) .column-header__collapsible {
         margin-top: 1px;
         position: fixed;
-        left: 0;
-        right: 0;
+        left: -45px;
+        right: -55px;
     }
     .app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
         border-bottom: 1px solid var(--color-lines);
diff --git a/TangerineUI.css b/TangerineUI.css
index 6d4ca23..08ae49e 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3649,9 +3649,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 .app-body .column-header__collapsible {
-    background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);
-    -webkit-backdrop-filter: blur(15px);
-    backdrop-filter: blur(15px);
+    background-color: var(--color-content-secondary-bg);
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
     border-bottom: 0;
@@ -3797,11 +3795,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
             }
         }
     }
-    .app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
+    .app-body:not(.layout-multiple-columns) .column-header__collapsible {
         margin-top: 1px;
         position: fixed;
-        left: 0;
-        right: 0;
+        left: -45px;
+        right: -55px;
     }
     .app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
         border-bottom: 1px solid var(--color-lines);