Fix styling differences between dev and published

cyChop / beverages-js

📝 A utility to display the list of the hot brews available.

https://cychop.github.io/beverages-js

MIT License

2 stars 0 forks source link

Fix styling differences between dev and published #101

Closed cyChop closed 6 years ago

cyChop commented 8 years ago

The local rendering seems to add margins which mess with the style conception. Understand where they come from and get rid of 'em!!

cyChop commented 8 years ago

Left: local; right: published.
Focus on the random/shopping cart buttons and on the strength indicator.

screenshot from 2016-08-14 12-39-44

This is the same page. Does Github apply filter to the CSS?

cyChop commented 8 years ago

Minification is not the cause. Minified locally and got the same result (http://localhost:8080/dev/dist/beverages.css and https://cychop.github.io/beverages-js/dist/beverages.css are identical).

The problem has been confirmed in all tested browsers:

Chromium (Ubuntu 16, Windows 10);
Chrome (Windows 10);
Firefox (Ubuntu 16).

It looks like browsers have a different rendering for local and remote sheets.

cyChop commented 8 years ago

An idea to test whether this comes from a local/remote difference in interpretation from browser: publish localhost via ngrok and access via the remote address.

cyChop commented 6 years ago

It appears the latest changes for #111 solved the difference.