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

    [SOLVED] QExpansionItem (v1) limit rotation of expansion icon to 90 degrees (instead of 180)?

    Framework
    2
    5
    371
    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.
    • ssuess
      ssuess last edited by ssuess

      When an expansion item is opened, for some reason the disclosure icon rotates 180 degrees. Is there an easy way to limit this to 90 degrees?

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

        Anyone have a clue?

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

          ok, just add this to your app.styl file:

          .rotate-180 {
              -webkit-transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
              transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
          }
          
          1 Reply Last reply Reply Quote 0
          • labs20
            labs20 last edited by labs20

            Thank you for share your find

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

              UGH recent changes to Quasar broke my css, I had to add this:

              .rotate-180, .q-expansion-item__toggle-icon--rotated {
                  -webkit-transform: rotate3d(0, 0, 1, 90deg) !important /* rtl:ignore */;
                  transform: rotate3d(0, 0, 1, 90deg) !important /* rtl:ignore */;
              }
              
              1 Reply Last reply Reply Quote 1
              • First post
                Last post