mirror of
https://github.com/meowarex/TidaLuna-Plugins.git
synced 2026-06-18 03:43:10 +10:00
Merge pull request #87 from meowarex/dev
Better Glow Cutoff Patch | Thx Aya <3
This commit is contained in:
@@ -5,5 +5,5 @@
|
|||||||
[data-test="footer-player"] {
|
[data-test="footer-player"] {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
backdrop-filter: blur(10px);
|
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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -116,8 +116,8 @@ const applyFloatingPlayerBar = (): void => {
|
|||||||
// Alias for settings callback
|
// Alias for settings callback
|
||||||
const updateRadiantLyricsPlayerBarTint = applyFloatingPlayerBar;
|
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!)
|
// Apply floating player bar + tint on load
|
||||||
applyPlayerBarTintToElement();
|
applyFloatingPlayerBar();
|
||||||
observe<HTMLElement>(unloads, '[data-test="footer-player"]', () => {
|
observe<HTMLElement>(unloads, '[data-test="footer-player"]', () => {
|
||||||
applyPlayerBarTintToElement();
|
applyPlayerBarTintToElement();
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -100,6 +100,15 @@
|
|||||||
padding 0.7s ease-in-out !important;
|
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 */
|
/* Lyrics container styling */
|
||||||
[class^="_lyricsContainer"] > div > div > span {
|
[class^="_lyricsContainer"] > div > div > span {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
@@ -248,10 +257,6 @@
|
|||||||
color: var(--cl-glow1, #fff) !important;
|
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 */
|
/* MARKER: Syllable sweep animation CSS */
|
||||||
|
|
||||||
|
|||||||
@@ -266,7 +266,7 @@
|
|||||||
/* These change allot so i gave them their own section */
|
/* These change allot so i gave them their own section */
|
||||||
|
|
||||||
/* Fixes the new Sticky Header Tidal added.. in the shittest jankiest way possible */
|
/* Fixes the new Sticky Header Tidal added.. in the shittest jankiest way possible */
|
||||||
[class*="_stickyHeader"] {
|
/* [class*="_stickyHeader"] {
|
||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
backdrop-filter: blur(50px);
|
backdrop-filter: blur(50px);
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
@@ -280,7 +280,6 @@
|
|||||||
linear-gradient(to right, black 85%, transparent) !important;
|
linear-gradient(to right, black 85%, transparent) !important;
|
||||||
-webkit-mask-composite: source-in !important;
|
-webkit-mask-composite: source-in !important;
|
||||||
mask-composite: intersect !important;
|
mask-composite: intersect !important;
|
||||||
/* border-radius: 3px 0 0 0 !important; */
|
|
||||||
padding-bottom: 5px !important;
|
padding-bottom: 5px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -296,7 +295,7 @@
|
|||||||
[data-test="playqueue-sticky-clear-source-items"] {
|
[data-test="playqueue-sticky-clear-source-items"] {
|
||||||
visibility: collapse !important;
|
visibility: collapse !important;
|
||||||
width: 0px !important;
|
width: 0px !important;
|
||||||
}
|
} */
|
||||||
|
|
||||||
|
|
||||||
/* Remove the background color from the small header */
|
/* Remove the background color from the small header */
|
||||||
|
|||||||
Reference in New Issue
Block a user