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

style: use overlayed fade rather than mask

Browse source
This commit is contained in:
freeplay 2023-07-11 20:13:09 -04:00
parent 03c796e5fa
commit 49b8e1cd41
1 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -464,12 +464,21 @@ function showMenu(ev) {
pointer-events: none; pointer-events: none;
z-index: -1; 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: linear-gradient(
transparent 55px, // transparent 55px,
#000 50px, // #000 50px,
transparent // transparent
); // );
border-radius: var(--radius) var(--radius) 0 0;
}
&::after {
content: "";
position: absolute;
inset: 30px calc(0px - var(--margin));
bottom: -100px;
background: linear-gradient(to bottom, transparent, var(--bg));
z-index: -1;
border-radius: var(--radius) var(--radius) 0 0; border-radius: var(--radius) var(--radius) 0 0;
} }
} }