From 6779272c8190ac3927d03f42d986bb9bef657ed3 Mon Sep 17 00:00:00 2001
From: Mar0xy <marie@kaifa.ch>
Date: Mon, 16 Oct 2023 01:39:02 +0200
Subject: upd: change how show more gets shown

---
 packages/frontend/src/components/MkSubNoteContent.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'packages/frontend/src/components/MkSubNoteContent.vue')

diff --git a/packages/frontend/src/components/MkSubNoteContent.vue b/packages/frontend/src/components/MkSubNoteContent.vue
index 041f101034..d8b737649d 100644
--- a/packages/frontend/src/components/MkSubNoteContent.vue
+++ b/packages/frontend/src/components/MkSubNoteContent.vue
@@ -71,7 +71,9 @@ const collapsed = $ref(isLong);
 			left: 0;
 			width: 100%;
 			height: 64px;
-			mask: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
+			--mix: color-mix(in srgb, var(--panel) 10%, transparent);
+			background: linear-gradient(0deg, var(--mix), transparent);
+			backdrop-filter: blur(1px);
 
 			> .fadeLabel {
 				display: inline-block;
-- 
cgit v1.2.3-freya

