From 2e50173c453cd632638044a9abb66ee5285473d4 Mon Sep 17 00:00:00 2001 From: Send_Nukez Date: Fri, 29 Oct 2021 15:04:32 +0200 Subject: [PATCH] improve background image rendering --- CHANGELOG.md | 9 ++++++--- src/styles/main.scss | 15 +++++---------- 2 files changed, 11 insertions(+), 13 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index a21b52e..fd35232 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,8 +1,11 @@ -Add: +Added: - New settings area called "Consistency" for things that make it more consistent with the original spotify theme - Ability to hide album name and year in playbar (#85) -Fix: +Fixed: - Some sidebar items hawing wrong width on hover [(see)](https://github.com/JulienMaille/dribbblish-dynamic-theme/issues/87#issuecomment-954305428) - Sidebar config buttons being below the text -- Fix #87 by not showing the playing indicator above "Liked Songs" \ No newline at end of file +- Fix #87 by not showing the playing indicator above "Liked Songs" + +Improved: +- Background image now dosen't leak out of the main center area \ No newline at end of file diff --git a/src/styles/main.scss b/src/styles/main.scss index 132adbc..d7a5308 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -1263,23 +1263,18 @@ html.right-expanded-cover.buddyfeed-visible .main-coverSlotExpanded-container { /* translucent background cover */ .Root__top-container::before { + z-index: 3; content: ""; + position: absolute; + inset: var(--main-gap) var(--buddy-feed-width) var(--main-gap) var(--sidebar-width); + pointer-events: none; background-image: var(--image-url); background-repeat: no-repeat; background-size: cover; background-position: center center; - position: fixed; - display: block; - top: 0; - left: 0; - right: 0; - bottom: 0; filter: blur(15px); - pointer-events: none; - backface-visibility: hidden; - will-change: transform; + border-radius: var(--main-corner-radius); opacity: calc(0.07 + 0.03 * var(--is_light, 0)); - z-index: +3; transition: background-image var(--song-transition-speed) linear; }