[scope] Partial ratings not displaying correctly inside a card content

[tannguyendeveloper]

Bug Report

Partial ratings are not displaying inside of .card .content. The number of stars shown is rounded up.

Steps to reproduce

1. Add a star rating inside of a .card .content with the data-rating = 3.5

Expected result

Expected 3.5 stars when the data-rating is set to 3.5

Actual result

Got 4 Stars displayed

Testcase

https://jsfiddle.net/3kzhjL19/1/

Screenshot (if possible)

Version

Fomatic 2.8.6
jQuery 3.3.1

[lubber-de]

Confirmed, it's related to the old default behavior of ratings before FUI 2.7.0
If you for example use another icon, then it's working. See https://jsfiddle.net/lubber/tbu7op19/2/
We'll fix this

[TheJltres]

Hi!

I have seen that card content overrides some values that rating is using.

If you disable all them it works fine.

I think this override is done by: https://fomantic-ui.com/views/card.html#approval
There should be an error with "heart" too, but in CSS name is "like" so its different and there is no override.

[lubber-de]

It seems, the solution is much easier. Just add a color ui yellow rating as needed since FUI 2.7 then it's working even with the default star .
https://jsfiddle.net/lubber/tbu7op19/5/

[lubber-de]

Closing, because adding a color is needed anyway and solves the issue out of the higher css specificity