Too difficult to open the Drawer with swipe

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

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

  • Admin

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

  • Amazing. Thank you guys

Log in to reply