openedx / paragon

💎 An accessible, theme-ready design system built for learning applications and Open edX.
https://paragon-openedx.netlify.app
Apache License 2.0
120 stars 65 forks source link

[bug]: Hardcoded size value of action Buttons in the Alert component #3205

Open PKulkoRaccoonGang opened 1 month ago

PKulkoRaccoonGang commented 1 month ago

Bugs

In the Alert component, the user does not have the ability to pass the size for the action buttons (the value is not passed in props, but is statically hardcoded in the internal implementation of the component).

image

Example

Improvements

Since Paragon provides the ability to resize buttons, it would be great to provide this for the Alert component as well.

### Tasks
- [ ] Ensure that inside the Alert component the user has the ability to change the size of the action buttons.
- [ ] Ensure that in other components where it is possible to pass the button size, this size is displayed correctly.
- [ ] Ensure that the Alert component (and possibly other components) are displayed correctly on mobile screens with increased button size (`'sm', 'md', 'lg', 'inline'`)
brian-smith-tcril commented 2 weeks ago

Possibly a design decision - current size works for buttons at small (320px) viewport widths