From 31a2bf29eda2f9bdba7ba51c1ee9f9a444a7996e Mon Sep 17 00:00:00 2001 From: wxiaoguang 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 fc242e159..741efeadc 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 35a0e88d8..5d107cef9 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;