spicetify / spicetify-themes

A community-driven collection of themes for customizing Spotify through Spicetify - https://github.com/spicetify/cli
MIT License
5.09k stars 1.27k forks source link

[Ziro] Empty top bar obstructing cover art #1118

Open Subsical opened 1 month ago

Subsical commented 1 month ago

Describe the bug There's a line (top bar) obstructing a good chunk of the cover art of any playlist or album I check. I made sure that it was Ziro causing the issue by temporarily getting rid of every other extension, snippet or any general modification I've made. In the screenshot I've attached, I do have other extensions enabled, but I can assure you that the issue is not caused by any of them.

To Reproduce Steps to reproduce the behavior:

  1. Get the Ziro theme
  2. Go to any playlist or album or anything with cover art
  3. You should notice that a chunk of the image is being obstructed

Expected behavior The top bar should only be present when it's necessary. Should be invisible when you're looking at a playlist or album.

Screenshots Spotify_v9yku3HfHB

Logs Spotify_fAl4Qu53OQ

Specifics

mikecuongg commented 3 weeks ago

same issue here would like this bug to be fix

ItzzExcel commented 1 week ago

I don't know if this code is well-written, but this worked for me. Paste it into your CSS Snippets. This is only temporal until they release an official bugfix.

.main-topBar-container {
    position: relative;
}

.main-trackList-trackListHeader.main-trackList-trackListHeaderStuck, .marketplace-header {
    top: 0px !important;
}

/* Optional: fixes the border radius in profile covers (banners) */
.main-entityHeader-container.main-entityHeader-withBackgroundImage
{
    border-radius: 0 !important
}

Proof: image image

mikecuongg commented 2 days ago

I don't know if this code is well-written, but this worked for me. Paste it into your CSS Snippets. This is only temporal until they release an official bugfix.

.main-topBar-container {
  position: relative;
}

.main-trackList-trackListHeader.main-trackList-trackListHeaderStuck, .marketplace-header {
    top: 0px !important;
}

/* Optional: fixes the border radius in profile covers (banners) */
.main-entityHeader-container.main-entityHeader-withBackgroundImage
{
    border-radius: 0 !important
}

Proof: image image

as a temporary solution, this is working for me. thanks

mikecuongg commented 1 day ago

@ItzzExcel while this is working for the playlist, the lyrics broke. it have some gaps rather than fullscreen

image image

ItzzExcel commented 1 day ago

@ItzzExcel while this is working for the playlist, the lyrics broke. it have some gaps rather than fullscreen

image image

That's fault of the beautiful-lyrics server or either the extension itself.

mikecuongg commented 1 day ago

Yes I know that issue is from beautiful-lyrics. But I don't talk about that I was talking about these gaps here. image image