Merge pull request #847 from surfbryce/Development

4.1.6 Update

Source/LyricViews/Page/style.scss

@@ -1271,14 +1271,18 @@ body:has(.BeautifulLyricsPage.Fullscreen) {
 }
 
 // External Container View Support
-div[class=""], div.os-host {
+.Root__main-view, div.os-host {
 	&:has(.BeautifulLyricsPage) {
 		container-type: size;
 
 		main {
 			display: none;
 		}
 
+		.main-view-container__scroll-node-child {
+			pointer-events: none;
+		}
+
 		.main-view-container__scroll-node-child-spacer, .main-view-container__scroll-node-child {
 			min-height: unset !important;
 
@@ -1296,13 +1300,17 @@ div[class=""], div.os-host {
 				gap: 8px;
 
 				margin: auto;
-				padding-top: 3cqh;
+				padding-top: 5cqh;
 
 				opacity: 0;
 				transition: opacity .2s;
 
 				--ViewControlSize: 4.25cqh;
 
+				button {
+					cursor: pointer;
+				}
+
 				#Cinema svg {
 					height: calc(var(--ViewControlSize) * 0.45);
 					width: auto;
@@ -1312,13 +1320,13 @@ div[class=""], div.os-host {
 
 			&:hover {
 				.ViewControls {
-					opacity: 1;
+					opacity: 1 !important;
 				}
 			}
 		}
 	}
 
-	&:has(.BeautifulLyricsPage.Contained:hover) {
+	&:has(.BeautifulLyricsPage.Contained):hover {
 		.ViewControls {
 			opacity: 0.3;
 		}

Source/Stylings/main.scss

@@ -15,6 +15,10 @@ body:has(.SliderBar.Active) {
 		background: transparent;
 	}
 
+	.main-nowPlayingView-contextItemInfo::before {
+		display: none;
+	}
+
 	.BeautifulLyricsBackground {
 		div[data-overlayscrollbars-viewport], div[data-overlayscrollbars-viewport] > div {
 			background: transparent !important;
@@ -29,6 +33,16 @@ body:has(.SliderBar.Active) {
 			black 70%, transparent 100%,
 			transparent
 		);
+
+		video {
+			filter: opacity(0.75) brightness(0.5);
+		}
+	}
+
+	.BeautifulLyricsBackground .main-nowPlayingView-coverArtContainer div:has(video) {
+		&::after, &::before {
+			display: none;
+		}
 	}
 
 	.BeautifulLyricsBackground .main-trackInfo-artists {

build.json

@@ -1,7 +1,7 @@
 {
 	"$schema": "https://schemas.socalifornian.live/Spices/Build/Schema.json",
 	"Name": "beautiful-lyrics",
-	"Version": "4.1.5",
+	"Version": "4.1.6",
 
 	"ReleaseLocation": {
 		"Type": "Hosted",

deno.json

@@ -12,9 +12,9 @@
 	},
 
 	"imports": {
-		"@socali/Spices/Player": "jsr:@socali/spices@4.0.0/Spicetify/Services/Player",
+		"@socali/Spices/Player": "jsr:@socali/spices@4.0.1/Spicetify/Services/Player",
 		"@socali/Spices/Player_TESTING": "../../Spices/Spicetify/Services/Player/mod.ts",
-		"@socali/Spices/Session": "jsr:@socali/spices@4.0.0/Spicetify/Services/Session",
+		"@socali/Spices/Session": "jsr:@socali/spices@4.0.1/Spicetify/Services/Session",
 		"@socali/Spices/Session_TESTING": "../../Spices/Spicetify/Services/Session.ts"
 	}
 }