Merge pull request #87 from meowarex/dev

Better Glow Cutoff Patch | Thx Aya <3

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;
 }

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<HTMLElement>(unloads, '[data-test="footer-player"]', () => {
 	applyPlayerBarTintToElement();
 });

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 */
 

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 */