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

8
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,16 +453,16 @@ function showMenu(ev) {
position: relative; position: relative;
margin-top: -30px; margin-top: -30px;
@media (min-width: 1099px) { @media (min-width: 1099px) {
@supports (clip-path: inset(0 0 0 0 round 1px)) {
&::before { &::before {
content: ""; content: "";
position: absolute; position: absolute;
inset: -25px calc(0px - var(--margin)); inset: -25px calc(0px - var(--margin));
bottom: -100px; bottom: -100px;
backdrop-filter: blur(60px); backdrop-filter: blur(60px);
filter: brightness(1.2); filter: brightness(1.2) opacity(0.5);
pointer-events: none; pointer-events: none;
z-index: -1; z-index: -1;
opacity: 0.5;
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(
@ -470,6 +470,8 @@ function showMenu(ev) {
#000 50px, #000 50px,
transparent transparent
); );
border-radius: var(--radius) var(--radius) 0 0;
}
} }
} }
> .logo { > .logo {