From cd887f8615fe69e5d69136d4308216054b933dcc Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 17 Jan 2026 03:37:49 -0800
Subject: [PATCH] adjust lyrics scroll mask to improve edge visibility (#1562)

---
 src/renderer/features/lyrics/lyrics.module.css             | 4 ++--
 .../features/lyrics/synchronized-lyrics.module.css         | 7 -------
 .../features/lyrics/unsynchronized-lyrics.module.css       | 7 -------
 3 files changed, 2 insertions(+), 16 deletions(-)

diff --git a/src/renderer/features/lyrics/lyrics.module.css b/src/renderer/features/lyrics/lyrics.module.css
index 32b626660..fe3615a55 100644
--- a/src/renderer/features/lyrics/lyrics.module.css
+++ b/src/renderer/features/lyrics/lyrics.module.css
@@ -58,8 +58,8 @@
     text-align: center;
     mask-image: linear-gradient(
         180deg,
-        transparent 5%,
-        rgb(0 0 0 / 100%) 20%,
+        transparent 0%,
+        rgb(0 0 0 / 100%) 15%,
         rgb(0 0 0 / 100%) 85%,
         transparent 95%
     );
diff --git a/src/renderer/features/lyrics/synchronized-lyrics.module.css b/src/renderer/features/lyrics/synchronized-lyrics.module.css
index 1809096eb..1cda05bf2 100644
--- a/src/renderer/features/lyrics/synchronized-lyrics.module.css
+++ b/src/renderer/features/lyrics/synchronized-lyrics.module.css
@@ -6,13 +6,6 @@
     padding: 10vh 0 50vh;
     overflow: scroll;
     word-break: break-all;
-    mask-image: linear-gradient(
-        180deg,
-        transparent 5%,
-        rgb(0 0 0 / 100%) 20%,
-        rgb(0 0 0 / 100%) 85%,
-        transparent 95%
-    );
     transform: translateY(-2rem);
 
     @media screen and (orientation: portrait) {
diff --git a/src/renderer/features/lyrics/unsynchronized-lyrics.module.css b/src/renderer/features/lyrics/unsynchronized-lyrics.module.css
index 5684e7c9f..a4887fc9a 100644
--- a/src/renderer/features/lyrics/unsynchronized-lyrics.module.css
+++ b/src/renderer/features/lyrics/unsynchronized-lyrics.module.css
@@ -5,13 +5,6 @@
     height: 100%;
     padding: 10vh 0 6vh;
     overflow: scroll;
-    mask-image: linear-gradient(
-        180deg,
-        transparent 5%,
-        rgb(0 0 0 / 100%) 20%,
-        rgb(0 0 0 / 100%) 85%,
-        transparent 95%
-    );
     transform: translateY(-2rem);
 
     @media screen and (orientation: portrait) {