Fix a navbar UI bug in Safari (#18092)

This commit is contained in:
wxiaoguang 2021-12-25 05:42:01 +08:00 committed by GitHub
parent 16adaaeaa3
commit 31a2bf29ed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 1 deletions

View File

@ -110,6 +110,7 @@
--color-input-border: #dedede; --color-input-border: #dedede;
--color-input-border-hover: #cecece; --color-input-border-hover: #cecece;
--color-navbar: #f8f8f8; --color-navbar: #f8f8f8;
--color-navbar-transparent: #f8f8f800;
--color-light: #00000006; --color-light: #00000006;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #0000001d; --color-light-border: #0000001d;
@ -1355,7 +1356,7 @@ footer {
.ui.menu.new-menu::after { .ui.menu.new-menu::after {
position: absolute; position: absolute;
display: block; 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: ''; content: '';
right: 0; right: 0;
height: 39px; height: 39px;

View File

@ -107,6 +107,7 @@
--color-input-border: #454a57; --color-input-border: #454a57;
--color-input-border-hover: #505667; --color-input-border-hover: #505667;
--color-navbar: #2a2e3a; --color-navbar: #2a2e3a;
--color-navbar-transparent: #2a2e3a00;
--color-light: #00000028; --color-light: #00000028;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #ffffff28; --color-light-border: #ffffff28;