Rating Component

Community feedback

• 

  Bryan Li•3,530

  @Zy8712Posted over 1 year ago

  Looks pretty good. One minor thing I might change is set border to "none" for the 5 ratings and the star icon. That will get rid of the white border and make it so that it looks slightly closer to the original design provided (unless you did that intentionally for your own unique spin on it).

  One other thing is that the 5 ratings and the star icon should have a slightly different grey/blue color as the main box. But that is something I think the instructions forgot to include. All I did for mine is used a color picker to get the background color from the design image they provided and I ended up setting the background-color of the main box to hsl(215, 21%, 16%). So I think all you need to change for this is add in something like:

  .box{ background-color: hsl(215, 21%, 16%); }

  edit: one other minor issue I found when testing is that when clicking to select a rating, the selected rating button doesn't stay orange like in the design photos (e.g. I select a rating of 2 which makes it light up orange, but it doesn't stay orange). I'm pretty sure it suppose to stay orange when selected.

  1

  ---

  

  AnthMan•190

  @AnthvirusPosted over 1 year ago

  I don't know how to keep it Orange, so I just did that to indicate. If you can help I appreciate, I did the others as my own design. I was feeling inspired. Thanks@Zy8712

  0