Skip to content
Submitted over 2 years ago

Responsive Time Tracking Dashboard

Shubham Saurabh•270
@shubhsaur
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Can someone please suggest how to do active states for dotted menu only whenever i hover over it without enabling active state for activity cards, as it should hover my whole card altogether.

Thanks in advance!

Community feedback

  • Kaung Zin Hein•720
    @K4UNGPosted over 2 years ago

    Hey! Great job on this project. For the hover thing tho, I also had the same issue. Unfortunately, you can't hover over the child without hovering over the parent. But you can use a trick called sibling trick which was what I used. How it works is basically, you add an additional child and when you hover over the card, you put the effect on that child and not the parent but make it seem like it's the parent by making it the same size as the parent. Then when you hover over the icons, it'll remove the hover from that child because they're siblings. You can see my code or search it up online. Hope this was helpful. Happy Coding!

    1
    Shubham Saurabh•270
    @shubhsaurPosted over 2 years ago

    Hey @K4UNG, Really appreciate for taking time and gave such insightful inputs. Will Surely try this.

    Thanks👍🏻

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord