Question about the Wow dashboard demo project

Ben H

6 months ago

I have a question about how the sidebar is working. When in mobile view, when you open the sidebar menu, it takes up the entire screen. This is apparently because the container for the sidebar has a .showMenu class that is used for the mobile view. However, I don't understand how this class is making it take the full screen. When I click on the class, the panel is just empty. What is this class doing? I'd like to replicate this functionality.

Link to demo project: https://toddle.dev/projects/wow_dashboard/branches/main/components/HomePage?mode=design&leftpanel=design&canvas-width=772&canvas-height=800&rightpanel=style
Tod

6 months ago

Great energy @Ben H! Your continuous contribution to the toddle Community just made you advance to Community Level 4!
Lucas G

6 months ago

It's just 100%
👍1
Standard responsive settings
Lucas G

6 months ago

The showMenu class is just setting it to display: flex from none
👍1
Ben H

6 months ago

Thx, you're right. Got confused because when you add 100% width to .showMenu it changes behavior in the editor. But works as expected in a preview window.