Merge pull request #57 from meowarex/dev

Fix Tidals New Sticky Header

plugins/obsidian-theme-luna/src/dark-theme.css

@@ -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_"],

plugins/obsidian-theme-luna/src/light-theme.css

@@ -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_"],

plugins/obsidian-theme-luna/src/oled-friendly.css

@@ -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;
+}

plugins/radiant-lyrics-luna/src/styles.css

@@ -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;
+}