Skip to content

Add min-width for partial Rating Icons #161

@bwatry

Description

@bwatry

In Rating.jsx, if the rating value is a decimal and disablePartialFill is left as false, the rendered partial star looks like a reduced-size full icon instead of a partial icon.

Image

The fix I used was to specify a min-width value on .ss__icon to match the width value.

Image

min-width: fit-content; is probably a better solution, though, as it allows for the possibility that devs might override the default width and height values. Or whatever solution seems best to resolve the issue.

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions