adjust lyrics scroll mask to improve edge visibility (#1562)

This commit is contained in:
jeffvli
2026-01-17 03:37:49 -08:00
parent 3f3540dd2b
commit cd887f8615
3 changed files with 2 additions and 16 deletions
@@ -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%
);
@@ -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) {
@@ -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) {