HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix: webkit

Browse source
This commit is contained in:
freeplay 2023-07-07 15:29:30 -04:00
parent 088e14ebeb
commit cc0e7759cc
1 changed files with 20 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
packages/client/src/ui/visitor/kanban.vue
View file

@ -414,7 +414,7 @@ function showMenu(ev) {
} }
& ~ .content > .header { & ~ .content > .header {
&::before { &::before {
opacity: 1 !important; filter: brightness(1.2) opacity(1);
} }
> .logo { > .logo {
margin-top: -10px !important; margin-top: -10px !important;
@ -453,23 +453,25 @@ function showMenu(ev) {
position: relative; position: relative;
margin-top: -30px; margin-top: -30px;
@media (min-width: 1099px) { @media (min-width: 1099px) {
&::before { @supports (clip-path: inset(0 0 0 0 round 1px)) {
content: ""; &::before {
position: absolute; content: "";
inset: -25px calc(0px - var(--margin)); position: absolute;
bottom: -100px; inset: -25px calc(0px - var(--margin));
backdrop-filter: blur(60px); bottom: -100px;
filter: brightness(1.2); backdrop-filter: blur(60px);
pointer-events: none; filter: brightness(1.2) opacity(0.5);
z-index: -1; pointer-events: none;
opacity: 0.5; z-index: -1;
clip-path: inset(55px 0 0 0 round var(--radius)); clip-path: inset(55px 0 0 0 round var(--radius));
mask: linear-gradient(transparent 55px, #000 50px, transparent); mask: linear-gradient(transparent 55px, #000 50px, transparent);
-webkit-mask: llinear-gradient( -webkit-mask: llinear-gradient(
transparent 55px, transparent 55px,
#000 50px, #000 50px,
transparent transparent
); );
border-radius: var(--radius) var(--radius) 0 0;
}
} }
} }
> .logo { > .logo {