diff --git a/Source/LyricViews/Page/style.scss b/Source/LyricViews/Page/style.scss index 9d8f75b..7218dd1 100644 --- a/Source/LyricViews/Page/style.scss +++ b/Source/LyricViews/Page/style.scss @@ -1271,7 +1271,7 @@ body:has(.BeautifulLyricsPage.Fullscreen) { } // External Container View Support -div[class=""], div.os-host { +.Root__main-view, div.os-host { &:has(.BeautifulLyricsPage) { container-type: size; @@ -1279,6 +1279,10 @@ div[class=""], div.os-host { 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; } diff --git a/Source/Stylings/main.scss b/Source/Stylings/main.scss index 8a562b0..08bc3f9 100644 --- a/Source/Stylings/main.scss +++ b/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 { diff --git a/build.json b/build.json index f57a517..fed7342 100644 --- a/build.json +++ b/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", diff --git a/deno.json b/deno.json index f6f7290..f2762a7 100644 --- a/deno.json +++ b/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" } } \ No newline at end of file