maxWidth option does not allow value of 'none' or '100%'

[glennrocksvb]

maxWidth option has a default of 400 and the code appends 'px' unit to it when it applies the style to the Sezzle widget.

https://github.com/sezzle/static-widgets/blob/production/src/awesomeSezzle.js#L153

This is too restrictive to hardcode the 'px' unit in the widget code. Ideally, it should leave the unit to the consumer of this widget to whatever they want to use, thus also allowing them to also use keyword values such as 'none', 'max-content', etc.

[glennrocksvb]

This is not good for responsive websites to have inline style with fixed width and to fix that we'd have to override it with "!important" in CSS.

[glennrocksvb]

This issue causes the Sezzle widget info (i) icon on our product page to wrap to the next line due to 400px max-width.

[glennrocksvb]

@aholdahl, any update on this?

[aholdahl]

Apologies for the delay on this. Looking at the code, this has not been addressed in the time since the issue was reported. Note, the code will only set maxWidth in-line if maxWidth is specified in the config - if it is blank, then it should inherit from stylesheet. That being said, the ask makes sense, and I will see this gets added with the next release.