Closed carlhoogstoel closed 1 year ago
If you inspect the toast and look at the styles tab, are your styles being applied or are they being overriden by something else?
Don't think so. Yours are at the top.
Mine are after them
And the order seems to be ok
OK, so your styles are being overridden by the default styles (which ever ones are at the top are the ones taking president). That's because the scoped selector has a higher score as it's more specific. Could you try adding !important to your style properties and see they then get applied?
This seems to be better
Cool. So adding !important solved it and applied your styles.
Going to close this as the issues seems to be resolved.
I saw in one of the posts that you suggested just to override the css classes if you want to tweek something. I did what you suggested but my custom css is no taken into account.
As you can see from the screenshots, I added the custom css to my own css file, its loaded and the css isolation is also working as expected.
Can you maybe point me in the right direction as to what I am missing?