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

    Vertical Drawer with spacer

    Framework
    3
    6
    585
    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.
    • A
      afnan last edited by afnan

      I am wondering how can we create drawer component that allows the vertical space and separate two icon sets? as ref in the pic
      Annotation 2020-07-29 231807.jpg

      dobbel 2 Replies Last reply Reply Quote 0
      • dobbel
        dobbel @afnan last edited by

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • dobbel
          dobbel @afnan last edited by dobbel

          @afnan This almost works

          https://codepen.io/ontwikkelfabriek/pen/JjGQGVz?editors=1000

          with flexbox in column mode and justify-between.

          I am not a css master so no idea how to fix the height to be dynamic.

          @metalsadman help!

          metalsadman 1 Reply Last reply Reply Quote 1
          • metalsadman
            metalsadman @dobbel last edited by metalsadman

            @dobbel looks fine, just give the bottom container a column justify-end class. Would’ve been simpler if the qspace component has vertical props tho.

            A 1 Reply Last reply Reply Quote 0
            • A
              afnan @metalsadman last edited by

              @metalsadman said in Vertical Drawer with spacer:

              @dobbel looks fine, just give the bottom container a column justify-end class. Would’ve been simpler if the qspace component has vertical props tho.

              Thanks for the reply. I trie the code given by @dobbel however, I was not able to make their height dynamic. If I specify height it works but not sure how to make the height dynamic. I did try giving column justify-end to the bottom container

              1 Reply Last reply Reply Quote 0
              • A
                afnan last edited by

                I was able to use the window-height helper class to extend the div to the full height. Now it works

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