CSS appended on the IC?

Developers
1

Hi,
I’ve been working on a small project to try the Internet Computer.
Everything is fine when I deploy my app locally but when I deploy it on the IC, some css is appended in the header which breaks my styles.

Locally it looks like this:

Capture d’écran 2021-03-23 à 12.42.24
Capture d’écran 2021-03-23 à 12.42.241365×880 90.6 KB

On the IC:

Capture d’écran 2021-03-23 à 12.42.39
Capture d’écran 2021-03-23 à 12.42.391365×880 52.5 KB

Do you have any workaround to delete the css stylesheet ?

1 Like
2

You could maybe try appending !important to your own css rules in case they’re getting overridden?

3

If you want to take a look:
https://abvwx-iiaaa-aaaab-qalpq-cai.ic0.app/

I’m using vue with vuetify

4

Aye, its CSS from their Candid interface, I believe its a bug and being fixed soon. I for now just override w/ !important css flag for now. What version of DFINITY are you using?

2 Likes
5

Hi,
I’m using the last version 0.6.26.
I’ll try the workaround thanks !

1 Like
6

I think this issue is resolved now btw.

7

Thanks, was starting to implement the workaround :rofl:
Thanks guys for the fix !

8

Great to hear it :+1: