No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Too difficult to open the Drawer with swipe

    Framework
    drawer swipe
    3
    4
    1285
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jvmonjo last edited by

      First of all, I have to say that quasar drawer is one of the best that I have tried. Very similar to a native one.

      But I was wondering if it is possible to change the swipe too open the drawer so you don’t need to do it too close to the edge of the screen? I think that it is difficult to open the drawer if you have to do it so close to the edge.

      1 Reply Last reply Reply Quote 0
      • a47ae
        a47ae last edited by

        There is a CSS class .layout-side-opener which has the width set to 15px, if you increase this, you should have more space. Only tried it with the Showcase, but there it worked.

        1 Reply Last reply Reply Quote 1
        • rstoenescu
          rstoenescu Admin last edited by

          @a47ae 's solution works, although I must drop a note on why it’s 15px. Anything under the invisible 15px wide <div> overlaps with app’s/website’s content, so making it wider might get you in trouble with content under it becoming “not accessible” to the user. If you go over 15px then make sure you add corresponding padding to your pages.

          1 Reply Last reply Reply Quote 2
          • J
            jvmonjo last edited by

            Amazing. Thank you guys

            1 Reply Last reply Reply Quote 0
            • First post
              Last post