diff --git a/plugins/radiant-lyrics-luna/src/cover-everywhere.css b/plugins/radiant-lyrics-luna/src/cover-everywhere.css index c3315b1..5dc1218 100644 --- a/plugins/radiant-lyrics-luna/src/cover-everywhere.css +++ b/plugins/radiant-lyrics-luna/src/cover-everywhere.css @@ -109,34 +109,28 @@ filter: blur(10px) brightness(0.4) contrast(1.1) !important; } -/* Make Notification Feed sidebar transparent */ +/* Make app chrome transparent for cover-everywhere background */ body, #wimp, main, [class^="_sidebarWrapper"], [class^="_mainContainer"], -[class*="smallHeader"], [data-test="main-layout-sidebar-wrapper"], [data-test="main-layout-header"], [data-test="feed-sidebar"], -[data-test="stream-metadata"], [data-test="footer-player"], -/* Notification Feed sidebar specific container */ - [class^="_feedSidebarVStack"], +[class^="_feedSidebarVStack"], [class^="_feedSidebarSpacer"], [class^="_feedSidebarItem"], [class^="_feedSidebarItemDiv"], -[class^="_cellContainer"], -[class^="_cellTextContainer"] { +[class^="_cellContainer"] { /* biome-ignore lint: Ensure background is fully cleared under theme CSS */ background: unset !important; } /* Make sidebar and player bar semi-transparent with optimized backdrop-filter */ [data-test="footer-player"], -[data-test="main-layout-sidebar-wrapper"], -[class^="_bar"], -[class^="_sidebarItem"]:hover { +[data-test="main-layout-sidebar-wrapper"] { /* biome-ignore lint: Must beat app inline styles for translucency */ background-color: rgba(0, 0, 0, 0.3) !important; /* biome-ignore lint: Must beat app inline styles for translucency */ @@ -147,9 +141,7 @@ main, /* Performance mode: reduce backdrop blur */ .performance-mode [data-test="footer-player"], -.performance-mode [data-test="main-layout-sidebar-wrapper"], -.performance-mode [class^="_bar"], -.performance-mode [class^="_sidebarItem"]:hover { +.performance-mode [data-test="main-layout-sidebar-wrapper"] { /* biome-ignore lint: Performance mode style requires priority */ backdrop-filter: blur(5px) !important; /* biome-ignore lint: Performance mode style requires priority */ @@ -183,9 +175,3 @@ main, /* biome-ignore lint: Match theme transparency */ background-color: transparent !important; } - -/* Remove bottom gradient */ -[class^="_bottomGradient"] { - /* biome-ignore lint: Explicitly remove conflicting gradient */ - display: none !important; -} diff --git a/plugins/radiant-lyrics-luna/src/index.ts b/plugins/radiant-lyrics-luna/src/index.ts index ddb1596..cb893ec 100644 --- a/plugins/radiant-lyrics-luna/src/index.ts +++ b/plugins/radiant-lyrics-luna/src/index.ts @@ -1146,7 +1146,6 @@ const updateStickyLyricsFeature = (): void => { let stickyDropdownEl: HTMLElement | null = null; let stickyDropdownOpen = false; -const DROPDOWN_WIDTH = 150; const positionDropdown = (): void => { if (!stickyDropdownEl) return; @@ -1550,8 +1549,7 @@ const findLyricsContainer = (): HTMLElement | null => { }; // Check whether a tidal lyrics span is currently the active/highlighted line. -// Old UI used data-current="true"; new player-market UI uses a CSS class -// matching _current_*. +// Player-market UI uses a CSS class matching _current_*. const isTidalSpanActive = (span: HTMLElement): boolean => { return Array.from(span.classList).some((c) => c.startsWith("_current_")); }; diff --git a/plugins/radiant-lyrics-luna/src/styles.css b/plugins/radiant-lyrics-luna/src/styles.css index cb15837..1c031f3 100644 --- a/plugins/radiant-lyrics-luna/src/styles.css +++ b/plugins/radiant-lyrics-luna/src/styles.css @@ -11,8 +11,6 @@ /* Rounded corners */ [class*="_thumbnail_"], [class*="_imageWrapper_"], -[class*="_coverImage_"], -[class*="_overlayIconWrapperAlbum_"], [class*="_playButton_"] { border-radius: 5px !important; } @@ -276,95 +274,7 @@ body.rl-dropdown-open [data-test="toggle-lyrics"] { /* MARKER: PATCHES (Random Fixes for Tidals Changes) */ /* These change allot so i gave them their own section */ -/* Remove max-width cap on now-playing content - NEW UI*/ +/* Remove max-width cap on now-playing content */ [class*="_contentInner"] { max-width: none !important; -} - - -/* LEGACY UI */ - -/* Fixes the new Sticky Header Tidal added.. in the shittest jankiest way possible */ -/* [class*="_stickyHeader"] { - background: transparent !important; - backdrop-filter: blur(50px); - background-color: transparent !important; - width: fit-content !important; - padding-right: 3.5% !important; - -webkit-mask-image: - linear-gradient(to bottom, black 60%, transparent), - linear-gradient(to right, black 85%, transparent) !important; - mask-image: - linear-gradient(to bottom, black 60%, transparent), - linear-gradient(to right, black 85%, transparent) !important; - -webkit-mask-composite: source-in !important; - mask-composite: intersect !important; - padding-bottom: 5px !important; -} - -[class*="_playQueueItems"]{ - border-radius: 2.5px 0 0 0 !important; -} - -[data-test="playqueue-sticky-clear-active-items"] { - visibility: collapse !important; - width: 0px !important; -} - -[data-test="playqueue-sticky-clear-source-items"] { - visibility: collapse !important; - width: 0px !important; -} */ - -/* -Remove the background color from the small header -[class*="_smallHeader"]::before { - background-color: transparent !important; -} - -Fixes Tidals broken mini cover art padding | Cheers Aya <3 -._imageBorder_110890a { - filter: opacity(0); -} -._container_14bcbd4._playingFrom_79b167e { - transform: scale(1.01) translatex(.1em); -} -._leftColumn_aaf28de { - min-height: 110%; - transform: translatey(-.23em); -} -._imageryContainer_f99fc07.image { - transform: scale(1.03) translatey(.2em) translatex(.1em); - background-color: #00000000; - padding: 0em !important; -} -._image_145331a._cellImage_0ef8dd3 { - border-radius: .7em !important; -} - -[data-test="footer-player"] { - ._container_14bcbd4._playingFrom_79b167e > ._text_15008b2._medium20_1lyag_192._marketText_1lyag_1 { - transform: translatey(-.2em); - } - [class="image _imageryContainer_f99fc07"] { - transform: translatey(.3em) !important; - } - ._image_145331a._cellImage_0ef8dd3 { - border-radius: .25em !important; - } - ._toggleButton_809eee8 { - transform: translateY(-.22em); - } - [class="image _imageryContainer_f99fc07"]:hover { - [class="_cellImage_0ef8dd3 _image_145331a"] { - filter: brightness(.3); - } - } - ._notFullscreenOverlay_1442d60 { - background: none !important; - transition: 0ms; - } - ._notFullscreenOverlay_1442d60 ._nowPlayingButton_c1a86fa { - background-color: rgba(245, 245, 220, 0); - } -} */ \ No newline at end of file +} \ No newline at end of file