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

Buttons and containers look .. weird on Firefox and Chrome #509

Open
DRA6N opened this issue Apr 19, 2024 · 2 comments
Open

Buttons and containers look .. weird on Firefox and Chrome #509

DRA6N opened this issue Apr 19, 2024 · 2 comments

Comments

@DRA6N
Copy link

DRA6N commented Apr 19, 2024

I copied the example from the NES.css site

This is what they look like:
image

As for containers, how do I put the titled to the left, rather than it centered - like the example on the site
image

@calthies4
Copy link

I was running into a similar issue - I tracked it down to this:

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.nes-btn{border-image-repeat:space}}

Obviously this was added for a reason, but it only seems to mess up the buttons in firefox/chrome. I removed that code from my copy of the .css and the button borders look as they should.

@withhawaii
Copy link

@calthies4 Thanks for finding the root cause of this issue!
I added the following code to my css to override border-image-repeat property.

@media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .nes-btn {
    border-image-repeat: stretch;
  }
}

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