Fix a navbar UI bug in Safari (#18092)

Changes

2 changed files (+3/-1)

• 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;
• 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;