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;
|
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;
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -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_"));
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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);
|
|
||||||
}
|
|
||||||
} */
|
|
||||||
Reference in New Issue
Block a user