From 31a2bf29eda2f9bdba7ba51c1ee9f9a444a7996e Mon Sep 17 00:00:00 2001
From: wxiaoguang <wxiaoguang@gmail.com>
Date: Sat, 25 Dec 2021 05:42:01 +0800
Subject: [PATCH] Fix a navbar UI bug in Safari (#18092)

---
 web_src/less/_base.less                  | 3 ++-
 web_src/less/themes/theme-arc-green.less | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index fc242e1592..741efeadca 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -110,6 +110,7 @@
   --color-input-border: #dedede;
   --color-input-border-hover: #cecece;
   --color-navbar: #f8f8f8;
+  --color-navbar-transparent: #f8f8f800;
   --color-light: #00000006;
   --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: #0000001d;
@@ -1355,7 +1356,7 @@ footer {
 .ui.menu.new-menu::after {
   position: absolute;
   display: block;
-  background: linear-gradient(to right, transparent, var(--color-navbar) 100%);
+  background: linear-gradient(to right, var(--color-navbar-transparent), var(--color-navbar) 100%);
   content: '';
   right: 0;
   height: 39px;
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
index 35a0e88d88..5d107cef96 100644
--- a/web_src/less/themes/theme-arc-green.less
+++ b/web_src/less/themes/theme-arc-green.less
@@ -107,6 +107,7 @@
   --color-input-border: #454a57;
   --color-input-border-hover: #505667;
   --color-navbar: #2a2e3a;
+  --color-navbar-transparent: #2a2e3a00;
   --color-light: #00000028;
   --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: #ffffff28;