bug(@vtmn/css): VtmnRating
stars out of the box with many reviews.
#1440
Labels
bug 🐛
Something isn't working
community 👥
As we stopped improvements for this version of Vitamin, this issue needs to be done by the community
CSS 🎨
Related to CSS styles packages
question ❓
Further information is requested
Describe the bug
Stars of VtmnRating component don't fit in the box when they have a lot of ratings and the mobile is 360px.
Steps to reproduce
On any page with a card carousel, staying in Viewport > 359px
Notice that each product carousel review star component is overflowing the box when there are many reviews.
Expected behavior
For example, one solution might be to add a wrapper to the flex container and center it. It could look like this:
Browsers affected
- Chrome
- Firefox
- Edge
- Safari
Version affected
@vtmn/assets": "^1.1.1",
@vtmn/css-design-tokens": "^1.1.0",
@vtmn/css-tailwind-preset": "^1.1.2",
@vtmn/css-utilities": "^1.1.1",
@vtmn/icons": "^1.2.1",
@vtmn/svelte": "^2.0.1"
The text was updated successfully, but these errors were encountered: