mirror of
https://github.com/meowarex/TidaLuna-Plugins.git
synced 2026-06-18 03:43:10 +10:00
Cleanup Legacy Code
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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_"));
|
||||
};
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
} */
|
||||
Reference in New Issue
Block a user