Cleanup Legacy Code

This commit is contained in:
2026-03-28 21:12:06 +11:00
parent 9d6afcaaf5
commit bff87b96a1
3 changed files with 8 additions and 114 deletions
@@ -109,34 +109,28 @@
filter: blur(10px) brightness(0.4) contrast(1.1) !important; filter: blur(10px) brightness(0.4) contrast(1.1) !important;
} }
/* Make Notification Feed sidebar transparent */ /* Make app chrome transparent for cover-everywhere background */
body, body,
#wimp, #wimp,
main, main,
[class^="_sidebarWrapper"], [class^="_sidebarWrapper"],
[class^="_mainContainer"], [class^="_mainContainer"],
[class*="smallHeader"],
[data-test="main-layout-sidebar-wrapper"], [data-test="main-layout-sidebar-wrapper"],
[data-test="main-layout-header"], [data-test="main-layout-header"],
[data-test="feed-sidebar"], [data-test="feed-sidebar"],
[data-test="stream-metadata"],
[data-test="footer-player"], [data-test="footer-player"],
/* Notification Feed sidebar specific container */
[class^="_feedSidebarVStack"], [class^="_feedSidebarVStack"],
[class^="_feedSidebarSpacer"], [class^="_feedSidebarSpacer"],
[class^="_feedSidebarItem"], [class^="_feedSidebarItem"],
[class^="_feedSidebarItemDiv"], [class^="_feedSidebarItemDiv"],
[class^="_cellContainer"], [class^="_cellContainer"] {
[class^="_cellTextContainer"] {
/* biome-ignore lint: Ensure background is fully cleared under theme CSS */ /* biome-ignore lint: Ensure background is fully cleared under theme CSS */
background: unset !important; background: unset !important;
} }
/* Make sidebar and player bar semi-transparent with optimized backdrop-filter */ /* Make sidebar and player bar semi-transparent with optimized backdrop-filter */
[data-test="footer-player"], [data-test="footer-player"],
[data-test="main-layout-sidebar-wrapper"], [data-test="main-layout-sidebar-wrapper"] {
[class^="_bar"],
[class^="_sidebarItem"]:hover {
/* biome-ignore lint: Must beat app inline styles for translucency */ /* biome-ignore lint: Must beat app inline styles for translucency */
background-color: rgba(0, 0, 0, 0.3) !important; background-color: rgba(0, 0, 0, 0.3) !important;
/* biome-ignore lint: Must beat app inline styles for translucency */ /* biome-ignore lint: Must beat app inline styles for translucency */
@@ -147,9 +141,7 @@ main,
/* Performance mode: reduce backdrop blur */ /* Performance mode: reduce backdrop blur */
.performance-mode [data-test="footer-player"], .performance-mode [data-test="footer-player"],
.performance-mode [data-test="main-layout-sidebar-wrapper"], .performance-mode [data-test="main-layout-sidebar-wrapper"] {
.performance-mode [class^="_bar"],
.performance-mode [class^="_sidebarItem"]:hover {
/* biome-ignore lint: Performance mode style requires priority */ /* biome-ignore lint: Performance mode style requires priority */
backdrop-filter: blur(5px) !important; backdrop-filter: blur(5px) !important;
/* biome-ignore lint: Performance mode style requires priority */ /* biome-ignore lint: Performance mode style requires priority */
@@ -183,9 +175,3 @@ main,
/* biome-ignore lint: Match theme transparency */ /* biome-ignore lint: Match theme transparency */
background-color: transparent !important; background-color: transparent !important;
} }
/* Remove bottom gradient */
[class^="_bottomGradient"] {
/* biome-ignore lint: Explicitly remove conflicting gradient */
display: none !important;
}
+1 -3
View File
@@ -1146,7 +1146,6 @@ const updateStickyLyricsFeature = (): void => {
let stickyDropdownEl: HTMLElement | null = null; let stickyDropdownEl: HTMLElement | null = null;
let stickyDropdownOpen = false; let stickyDropdownOpen = false;
const DROPDOWN_WIDTH = 150;
const positionDropdown = (): void => { const positionDropdown = (): void => {
if (!stickyDropdownEl) return; if (!stickyDropdownEl) return;
@@ -1550,8 +1549,7 @@ const findLyricsContainer = (): HTMLElement | null => {
}; };
// Check whether a tidal lyrics span is currently the active/highlighted line. // 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 // Player-market UI uses a CSS class matching _current_*.
// matching _current_*.
const isTidalSpanActive = (span: HTMLElement): boolean => { const isTidalSpanActive = (span: HTMLElement): boolean => {
return Array.from(span.classList).some((c) => c.startsWith("_current_")); return Array.from(span.classList).some((c) => c.startsWith("_current_"));
}; };
+1 -91
View File
@@ -11,8 +11,6 @@
/* Rounded corners */ /* Rounded corners */
[class*="_thumbnail_"], [class*="_thumbnail_"],
[class*="_imageWrapper_"], [class*="_imageWrapper_"],
[class*="_coverImage_"],
[class*="_overlayIconWrapperAlbum_"],
[class*="_playButton_"] { [class*="_playButton_"] {
border-radius: 5px !important; border-radius: 5px !important;
} }
@@ -276,95 +274,7 @@ body.rl-dropdown-open [data-test="toggle-lyrics"] {
/* MARKER: PATCHES (Random Fixes for Tidals Changes) */ /* MARKER: PATCHES (Random Fixes for Tidals Changes) */
/* These change allot so i gave them their own section */ /* 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"] { [class*="_contentInner"] {
max-width: none !important; 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);
}
} */