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

navbar is aligned to the right on firefox #48

Open
vascorsd opened this issue Apr 10, 2024 · 1 comment
Open

navbar is aligned to the right on firefox #48

vascorsd opened this issue Apr 10, 2024 · 1 comment

Comments

@vascorsd
Copy link

I was following the docs and implemented the navbar as described and followed the same dom as used on the main missing.css site but somehow I couldn't get it to align at the center as the missing.css site shows.

After some try outs, removing and changing the dom, it seems the actual problem is that I was using the .min.css file instead of just the .css file.

It seems the .min.css if broken and applies different rules which make the navbar aligned to the right, only on firefox. It seems on chromium it shows ok.

reproduction:

  • open firefox (I'm using latest version 124.0.1 on linux)
  • go to https://missing.style/docs/
  • open the debug/dom view
  • change the line with <link rel="stylesheet" href="/dist/missing.css"> to <link rel="stylesheet" href="/dist/missing.min.css">
  • see the navbar alignment changing

the fix was in my case to stop using the .min.css version and use the .css version.

@j4mie
Copy link

j4mie commented May 6, 2024

Looks like a duplicate of #32 (with the new information that this only affects the .min.css build)

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

2 participants