fix(grid styles): header position and background

[SunsetTechuila]

before:

after:

[SunsetTechuila]

I don't think sticky header is a good idea tho

[theRealPadster]

Ah nice, I think this is what I was going for originally. Thanks for catching the readme bug too 🙃

[theRealPadster]

I don't think sticky header is a good idea tho

I personally found it really annoying to have to scroll all the way up to the top to change colour schemes or search. Maybe we can tighten the spacing up a bit so it's not as tall?

[theRealPadster]

I would also remove this part. It doesn't let me suggest on unmodified lines I guess.

.marketplace-header__left {
  position: absolute;
  left: 0;
}

[theRealPadster]

Screenshot for reference

[SunsetTechuila]

I would also remove this part. It doesn't let me suggest on unmodified lines I guess.

done

[AliahX]

This seems to have caused another issue?
The marketplace header is now displayed on top of the page content even when scrolled all the way to the top of the page, obscuring headers and anything else at the top of the page.

Here is a screenshot showing the issue. you can see in this image, the themes header is obscured by the sticky header.

This is another page affected by the (same?) issue

This is a fix I made by messing around with the css a bit, but it affected non spicetify pages too. You can see that the themes header is now visible.

[rxri]

This didn't cause any issues. It's an issue with global navbar and I don't feel like fixing it in spicetify itself so it's up to developer to fix it. Marketplace has it already fixed with margin-top assigned to the tabbar.

[AliahX]

You're right yeah. idk why I sent this in the marketplace repo...