Importing 'antd-img-crop' overriding existing CSS. about antd-img-crop

[nanxiaobei]

Please try version 2.4.0, now antd-img-crop do not import antd/lib/style/index.css any more.
But the Modal of antd-img-crop uses the default CSS of antd, if you want to override them, you must add the custom CSS.
There is a parent class you can use:

.antd-img-crop-modal {
  /* Custom styles */
}

[nanxiaobei]

Hi,
Can you provide a reproducible demo?
Need some more detailed specifics to see what happend, thanks.

[tzgc]

Hi,
Unfortunately, I don't have a 'codesandbox' demo for you to recreate the issue as it is specific to my environment. Just wondering that what CSS you are using and is there any way to disable it?

Thanks.

[nanxiaobei]

Sorry, I can't fix a 'problem' without 'seen' it.

[ahuynh-s]

Hello,
I am also having this problem. Here is a code sandbox to reproduce the problem.
Thank you.

[nanxiaobei]

Hi, because antd-img-crop is rely on antd. styles changed because antd-img-crop imported antd/lib/style/index.css, the basic styles of antd.

Since you use antd-img-crop, you must use antd, you must use Upload component of antd, and this file is bound to imported.

So that's not a problem.

[ahuynh-s]

Hi,
I am already using antd and have antd/lib/style/index.css imported. I am using custom css to override that css. When I use antd-img-crop, antd/lib/style/index.css gets imported an additional time and overwrites my css.
Thanks.