From 49b8e1cd41c0338ce13be6458a0f0b9c283d4fa0 Mon Sep 17 00:00:00 2001
From: freeplay <freeplay@duck.com>
Date: Tue, 11 Jul 2023 20:13:09 -0400
Subject: [PATCH] style: use overlayed fade rather than mask

---
 packages/client/src/ui/visitor/kanban.vue | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/packages/client/src/ui/visitor/kanban.vue b/packages/client/src/ui/visitor/kanban.vue
index ee63294168..8d8ffd78fb 100644
--- a/packages/client/src/ui/visitor/kanban.vue
+++ b/packages/client/src/ui/visitor/kanban.vue
@@ -464,12 +464,21 @@ function showMenu(ev) {
 						pointer-events: none;
 						z-index: -1;
 						clip-path: inset(55px 0 0 0 round var(--radius));
-						mask: linear-gradient(transparent 55px, #000 50px, transparent);
-						-webkit-mask: llinear-gradient(
-							transparent 55px,
-							#000 50px,
-							transparent
-						);
+						// mask: linear-gradient(transparent 55px, #000 50px, transparent);
+						// -webkit-mask: linear-gradient(
+						// 	transparent 55px,
+						// 	#000 50px,
+						// 	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;
 					}
 				}