time tracker dashboard
Solution retrospective
Working with json file, was the main challenge I faced. The second challenge I faced was the overlapping of the boxes, I had to learn z-index and really understand positioning in css.
What specific areas of your project would you like help with?How to get the element active with a color of white when clicked.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @StormKing969
The reason why the text won't turn white when clicked is because of the opacity that the 'daily-list' has. It basically darkens the color you placed on the timeframes. The easiest fix I can think of is adding the opacity based on what's selected and not selected. Also, I did create a pull request on your Github page if you want to see the solution.
Marked as helpful - @Emynex4real
A very easy way of toggling the daily list white is using an if statement
weekly.style.color = 'white' if(weekly.style.color = 'white'){ daily.style.color = '#ffffff7f' monthly.style.color = '#ffffff7f' }
but you will use an else if to flip incase another is clicked Ihope you understand what i am saying
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