Merge pull request #87 from meowarex/dev

Better Glow Cutoff Patch | Thx Aya <3
This commit is contained in:
Meow Meow
2026-02-28 22:34:14 +11:00
committed by GitHub
4 changed files with 14 additions and 10 deletions
@@ -5,5 +5,5 @@
[data-test="footer-player"] { [data-test="footer-player"] {
position: absolute !important; position: absolute !important;
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border: 1px solid var(--wave-color-opacity-contrast-fill-ultra-thin) !important; border: 1px solid var(--wave-color-opacity-contrast-fill-ultra-thin, rgba(255, 255, 255, 0.1)) !important;
} }
+2 -2
View File
@@ -116,8 +116,8 @@ const applyFloatingPlayerBar = (): void => {
// Alias for settings callback // Alias for settings callback
const updateRadiantLyricsPlayerBarTint = applyFloatingPlayerBar; const updateRadiantLyricsPlayerBarTint = applyFloatingPlayerBar;
// Apply Tint and Observe in case doesn't exist yet (ik this isnt the best way to do it but.. make a PR i dare ya!) // Apply floating player bar + tint on load
applyPlayerBarTintToElement(); applyFloatingPlayerBar();
observe<HTMLElement>(unloads, '[data-test="footer-player"]', () => { observe<HTMLElement>(unloads, '[data-test="footer-player"]', () => {
applyPlayerBarTintToElement(); applyPlayerBarTintToElement();
}); });
@@ -100,6 +100,15 @@
padding 0.7s ease-in-out !important; padding 0.7s ease-in-out !important;
} }
/* Glow-aware left padding so the glow doesn't clip | Thanks Aya <3*/
.rl-wbw-active {
padding-left: var(--rl-glow-outer) !important;
}
[data-rl-injected][role="tabpanel"] {
transform: translateX(calc(var(--rl-glow-outer) * -1)) !important;
}
/* Lyrics container styling */ /* Lyrics container styling */
[class^="_lyricsContainer"] > div > div > span { [class^="_lyricsContainer"] > div > div > span {
margin-bottom: 2rem; margin-bottom: 2rem;
@@ -248,10 +257,6 @@
color: var(--cl-glow1, #fff) !important; color: var(--cl-glow1, #fff) !important;
} }
/* Line mode: suppress glow during slide-in only */
.rl-wbw-line.rl-line-slide .rl-wbw-word.rl-wbw-active {
text-shadow: none !important;
}
/* MARKER: Syllable sweep animation CSS */ /* MARKER: Syllable sweep animation CSS */
+2 -3
View File
@@ -266,7 +266,7 @@
/* These change allot so i gave them their own section */ /* These change allot so i gave them their own section */
/* Fixes the new Sticky Header Tidal added.. in the shittest jankiest way possible */ /* Fixes the new Sticky Header Tidal added.. in the shittest jankiest way possible */
[class*="_stickyHeader"] { /* [class*="_stickyHeader"] {
background: transparent !important; background: transparent !important;
backdrop-filter: blur(50px); backdrop-filter: blur(50px);
background-color: transparent !important; background-color: transparent !important;
@@ -280,7 +280,6 @@
linear-gradient(to right, black 85%, transparent) !important; linear-gradient(to right, black 85%, transparent) !important;
-webkit-mask-composite: source-in !important; -webkit-mask-composite: source-in !important;
mask-composite: intersect !important; mask-composite: intersect !important;
/* border-radius: 3px 0 0 0 !important; */
padding-bottom: 5px !important; padding-bottom: 5px !important;
} }
@@ -296,7 +295,7 @@
[data-test="playqueue-sticky-clear-source-items"] { [data-test="playqueue-sticky-clear-source-items"] {
visibility: collapse !important; visibility: collapse !important;
width: 0px !important; width: 0px !important;
} } */
/* Remove the background color from the small header */ /* Remove the background color from the small header */