Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Ziro] Empty top bar obstructing cover art #1118

Open
Subsical opened this issue Oct 10, 2024 · 7 comments
Open

[Ziro] Empty top bar obstructing cover art #1118

Subsical opened this issue Oct 10, 2024 · 7 comments

Comments

@Subsical
Copy link

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

  • OS: Windows
  • Spotify version: 1.2.45.454.gc16ec9f6
  • Spicetify version: 2.38.4
  • Theme: Ziro
@mikecuongg
Copy link

same issue here would like this bug to be fix

@ItzzExcel
Copy link

ItzzExcel commented Nov 4, 2024

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
Copy link

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
Copy link

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

image
image

@ItzzExcel
Copy link

@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
Copy link

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

@mikecuongg
Copy link

this is taking too long for a respond

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants