Question about the Wow dashboard demo project

  • benjamin.h-1307528353082769468

    Ben H

    4 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-1307528354961817622

    Tod

    4 months ago

    Great energy @Ben H! Your continuous contribution to the toddle Community just made you advance to Community Level 4!
  • lucasg-1307532397377622037

    Lucas G

    4 months ago

    It's just 100%
    1307532397444595722-image.png
    πŸ‘1
  • 1307532465073553468-image.png
  • Standard responsive settings
  • lucasg-1307532794192330762

    Lucas G

    4 months ago

    The showMenu class is just setting it to display: flex from none
    πŸ‘1
  • benjamin.h-1307547540702625845

    Ben H

    4 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.

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code β€” but accessible to your entire team!

Try toddle β€” it's free!

Β© Copyright 2024 toddle. All rights reserved.