Results summary component

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Hello @ZioSenkai!

  You did a very good job there!

  I have a very simple suggestion for improvement:

  • Since the button is a clickable element, it's nice to add cursor: pointer to it and a color shift as hover effect. This gives the user a visual indication that the element is clickable.

  I hope it helps!

  Other than that, you did a great job!

  Marked as helpful

  1

  ---

  

  Zio•160

  @ZioSenkaiPosted 11 months ago

  @danielmrz-dev thank you for your suggestion :D I'll apply it next time

  1
• 

  Dimitar Radev•930

  @Mitko90Posted 11 months ago

  Hi, nice solution

  It looks great.

  To your issue:

  The background of the circle needs to be a colour to transparent gradient. I looked at your code and you have

  .result-container{
    background: linear-gradient(var(--clr-primary-500), var(--clr-secondary-hsl-500));
  }
  

  You need to switch your var(--clr-secondary-hsl-500) with a transparent colour, in your case that's var(--persian-blue) So your gradient should look like this:

  .result-container{
    background: linear-gradient(var(--clr-primary-500), var(--persian-blue));
  }
  

  Honestly any colour with 0% opacity will work, I just looked at your custom properties and found this one. This should fix it.

  Hope I was helpful

  Marked as helpful

  1

  ---

  

  Zio•160

  @ZioSenkaiPosted 11 months ago

  @Mitko90 thanks a lot, I find it actually fixed my problems :o Im gonna note it rightaway :D thank you again

  1