Fix a navbar UI bug in Safari (#18092)
This commit is contained in:
parent
16adaaeaa3
commit
31a2bf29ed
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue