diff --git a/CHANGELOG.md b/CHANGELOG.md
index bb0bab6..25bd8b2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,8 +5,9 @@ Added:
Fixed:
- Some sidebar items hawing wrong width on hover [(this)](https://github.com/JulienMaille/dribbblish-dynamic-theme/issues/87#issuecomment-954305428)
+- Broken sidebar hover effect with unsticked items (#69)
- `Sidebar config` buttons being below the text
-- Fix #87 by not showing the playing indicator above "Liked Songs"
+- "Liked Songs" having an playing indicator wich looks bad (#87)
- Queue icon is hidden (#73) (Temporary until a better solution is found)
- Playbar album name is now white again
diff --git a/src/js/main.js b/src/js/main.js
index 7c55d2b..006be1b 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -597,8 +597,9 @@ async function songchange() {
if (!document.getElementById("main-trackInfo-year")) {
const el = document.createElement("div");
+ el.classList.add("main-trackInfo-release", "standalone-ellipsis-one-line", "main-type-finale");
+ el.setAttribute("as", "div");
el.id = "main-trackInfo-year";
- el.classList.add("main-trackInfo-release", "ellipsis-one-line", "main-type-finale");
document.querySelector(".main-trackInfo-container").append(el);
}
const albumInfoSpan = document.getElementById("main-trackInfo-year");
@@ -614,8 +615,15 @@ async function songchange() {
if (album_uri !== undefined && !album_uri.includes("spotify:show")) {
moment.locale(Spicetify.Locale.getLocale());
const albumDate = moment(await getAlbumRelease(album_uri.replace("spotify:album:", "")));
- const albumLink = `${Spicetify.Player.data.track.metadata.album_title}`;
- albumInfoSpan.innerHTML = `${albumLink} • ${albumDate.format(moment().diff(albumDate, "months") <= 6 ? "MMM YYYY" : "YYYY")}`;
+ const albumLinkElem = `
+
+
+ ${Spicetify.Player.data.track.metadata.album_title}
+
+
+ `;
+ const albumDateElem = ` • ${albumDate.format(moment().diff(albumDate, "months") <= 6 ? "MMM YYYY" : "YYYY")}`;
+ albumInfoSpan.innerHTML = `${albumLinkElem}${albumDateElem}`;
} else if (Spicetify.Player.data.track.uri.includes("spotify:episode")) {
// podcast
bgImage = bgImage.replace("spotify:image:", "https://i.scdn.co/image/");
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 7188eca..e5353dc 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -433,7 +433,8 @@ html {
}
#spicetify-show-list > * {
- padding: 0 8px;
+ padding: 0px;
+ margin: 0px 8px;
}
.main-rootlist-statusIcons {
@@ -679,8 +680,14 @@ input:hover:not([disabled]):not(:active) ~ .x-toggle-indicatorWrapper {
font-weight: 500;
}
-.main-trackInfo-release > a {
+.main-trackInfo-release a {
color: var(--spice-subtext);
+
+ &:hover,
+ &:active,
+ &:focus {
+ color: var(--spice-text);
+ }
}
.main-topBar-topbarContent .main-playButton-PlayButton {