From 977e4c5ab2f467fc7e933aa9963e4d7304a20913 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Mon, 2 Oct 2023 10:37:12 +0200
Subject: [PATCH] variant: fix sidebar-flyout borders color for zen #667

---
 static/css/theme.css   |  6 +-----
 static/css/variant.css | 10 ++++++++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/static/css/theme.css b/static/css/theme.css
index 0f8c6e0d11..e09fc349e1 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1026,11 +1026,7 @@ tbody > tr:nth-child(even) > td {
 .topbar-sidebar-divider::after {
     content: "\00a0";
 }
-@media screen and (max-width: 48rem) {
-    .topbar-sidebar-divider {
-        border-inline-start-color: transparent;
-    }
-}
+
 .topbar-wrapper > .topbar-area-start {
     display: flex;
     flex-direction: row;
diff --git a/static/css/variant.css b/static/css/variant.css
index 59947c6d7a..12c619af81 100644
--- a/static/css/variant.css
+++ b/static/css/variant.css
@@ -256,6 +256,11 @@ table {
 .topbar-sidebar-divider {
     border-inline-start-color: var(--INTERNAL-MENU-TOPBAR-SEPARATOR-color);
 }
+@media screen and (max-width: 48rem) {
+    .topbar-sidebar-divider {
+        border-inline-start-color: transparent;
+    }
+}
 
 #R-body a[aria-disabled="true"],
 #R-searchresults .autocomplete-suggestion > .context {
@@ -462,6 +467,11 @@ article ul > li > input[type="checkbox"] {
 #R-header-topbar {
     border-inline-end-color: var(--INTERNAL-MENU-TOPBAR-BORDER-color);
 }
+@media screen and (max-width: 48rem) {
+    .mobile-support #R-header-topbar {
+        border-inline-end-color: var(--INTERNAL-MENU-BORDER-color);
+    }
+}
 
 #R-header-wrapper,
 #R-homelinks,