diff --git a/plugins/radiant-lyrics-luna/src/floating-player-bar.css b/plugins/radiant-lyrics-luna/src/floating-player-bar.css index d7a983b..4c18a10 100644 --- a/plugins/radiant-lyrics-luna/src/floating-player-bar.css +++ b/plugins/radiant-lyrics-luna/src/floating-player-bar.css @@ -5,5 +5,5 @@ [data-test="footer-player"] { position: absolute !important; 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; } diff --git a/plugins/radiant-lyrics-luna/src/index.ts b/plugins/radiant-lyrics-luna/src/index.ts index 0988d10..4d388bb 100644 --- a/plugins/radiant-lyrics-luna/src/index.ts +++ b/plugins/radiant-lyrics-luna/src/index.ts @@ -116,8 +116,8 @@ const applyFloatingPlayerBar = (): void => { // Alias for settings callback 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!) -applyPlayerBarTintToElement(); +// Apply floating player bar + tint on load +applyFloatingPlayerBar(); observe(unloads, '[data-test="footer-player"]', () => { applyPlayerBarTintToElement(); }); diff --git a/plugins/radiant-lyrics-luna/src/lyrics-glow.css b/plugins/radiant-lyrics-luna/src/lyrics-glow.css index e82c3da..fbc4153 100644 --- a/plugins/radiant-lyrics-luna/src/lyrics-glow.css +++ b/plugins/radiant-lyrics-luna/src/lyrics-glow.css @@ -100,6 +100,15 @@ 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 */ [class^="_lyricsContainer"] > div > div > span { margin-bottom: 2rem; @@ -248,10 +257,6 @@ 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 */ diff --git a/plugins/radiant-lyrics-luna/src/styles.css b/plugins/radiant-lyrics-luna/src/styles.css index 01f5124..38a2d15 100644 --- a/plugins/radiant-lyrics-luna/src/styles.css +++ b/plugins/radiant-lyrics-luna/src/styles.css @@ -266,7 +266,7 @@ /* These change allot so i gave them their own section */ /* Fixes the new Sticky Header Tidal added.. in the shittest jankiest way possible */ -[class*="_stickyHeader"] { +/* [class*="_stickyHeader"] { background: transparent !important; backdrop-filter: blur(50px); background-color: transparent !important; @@ -280,7 +280,6 @@ linear-gradient(to right, black 85%, transparent) !important; -webkit-mask-composite: source-in !important; mask-composite: intersect !important; - /* border-radius: 3px 0 0 0 !important; */ padding-bottom: 5px !important; } @@ -296,7 +295,7 @@ [data-test="playqueue-sticky-clear-source-items"] { visibility: collapse !important; width: 0px !important; -} +} */ /* Remove the background color from the small header */