jodhman / react-eyedrop

Seamlessly integrate a static typed, fully-tested color-picking React component/hook!
24 stars 11 forks source link

default styling overrides buttonClasses styles #19

Closed pkuznetsovdev closed 4 years ago

pkuznetsovdev commented 4 years ago

Usage: image

Result: image

Maybe I do something wrong but the custom styling is applied and overwritten with default values.

Thanks in advance!

pkuznetsovdev commented 4 years ago

Dived into src - the inline stylings are applied to the inner button, the only way to override is to use '!important' after every used in default styling prop. That might be a better option to use a css class instead, so the custom class will be more prioritized by default. Or just add a note in docs that some styles should be used with '!important'.

jodhman commented 4 years ago

Hey @aimanptz! Will have a proper look & fix for this in a few hours. Appreciate you taking the time to report this. I'll let you know once the fix is out.

jodhman commented 4 years ago

Updated to version 4.1.2 where the default styles will applied to the CSS class. Let me know if you run into any further trouble!