Closed marcianosr closed 9 months ago
Some background info: the ui-components package outputs all styling to separate css files that are injected in the html head when building for production. This is standard behavior from rollup + postcss plugin, which sucks. React-scripts puts it output above these stylesheets, hence causing issues with specificity.
I think a quick solution would be to configure the ui-components package so it outputs styling as a single css file that we can than include/import at the correct location.
First draft looks to be working: https://github.com/kabisa/kudos-frontend/pull/158
On staging / production, the CSS build ordering seems to be going wrong, resulting in weird CSS specificity issues causing wrong styling on certain places.
Temporary fixes are:
154