mirror of
https://github.com/meowarex/TidaLuna-Plugins.git
synced 2026-06-18 03:43:10 +10:00
Fix Tidals New Sticky Header
This commit is contained in:
@@ -1,11 +1,3 @@
|
||||
/*
|
||||
{
|
||||
"name": "Abyss Neptune",
|
||||
"author": "@itzzexcel",
|
||||
"description": "Abyss Neptune: ShadowX Theme from Spicetify to TIDAL (17/Jan/2025)"
|
||||
}
|
||||
*/
|
||||
|
||||
/* Rounded corners for various elements */
|
||||
[class*="_thumbnail_"],
|
||||
[class*="_imageWrapper_"],
|
||||
|
||||
@@ -1,11 +1,3 @@
|
||||
/*
|
||||
{
|
||||
"name": "Abyss Neptune - Light",
|
||||
"author": "@itzzexcel",
|
||||
"description": "Abyss Neptune Light Theme for TIDAL (17/Jan/2025)"
|
||||
}
|
||||
*/
|
||||
|
||||
/* Rounded corners for various elements */
|
||||
[class*="_thumbnail_"],
|
||||
[class*="_imageWrapper_"],
|
||||
|
||||
@@ -1,11 +1,3 @@
|
||||
/*
|
||||
{
|
||||
"name": "Abyss Neptune - OLED Friendly",
|
||||
"author": "@itzzexcel",
|
||||
"description": "Abyss Neptune theme without button styling for OLED displays"
|
||||
}
|
||||
*/
|
||||
|
||||
/* Rounded corners for various elements */
|
||||
[class*="_thumbnail_"],
|
||||
[class*="_imageWrapper_"],
|
||||
@@ -228,3 +220,37 @@
|
||||
background-image: var(--img);
|
||||
filter: blur(10px) brightness(0.4);
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
/* border-radius: 3px 0 0 0 !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;
|
||||
}
|
||||
|
||||
@@ -72,3 +72,36 @@
|
||||
backdrop-filter 0.3s ease-in-out,
|
||||
color 0.3s ease-in-out !important;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
/* border-radius: 3px 0 0 0 !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;
|
||||
}
|
||||
Reference in New Issue
Block a user