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

    Quasar v1.7.0 released! Svg icons and icon sets & novelties for QCard, Cookies, QVideo

    Announcements
    2
    4
    2275
    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.
    • rstoenescu
      rstoenescu Admin last edited by

      Enjoy!

      https://github.com/quasarframework/quasar/releases/tag/quasar-v1.7.0

      • The star of this minor release is the svg icons support and the svg Quasar Icon Sets. Note that you’ll also need “@quasar/extras” v1.4.0+ and “@quasar/app” v1.4.5+
      • Also, if you’re a fan of the UMD version, check out the new installation tag generator section.
      • If you’re building Electron apps on Windows 10 with dark mode, you should also read this.

      New

      • feat(QIcon): True SVG icon support (#6027) https://quasar.dev/vue-components/icon#Svg-icons
      • feat(QCardSection): new Boolean prop -> “horizontal” (#6040) https://quasar.dev/vue-components/card#Horizontal
      • feat(Cookies): Additional “expires” format for convenience; eg. 1d 15m; 3d 1h 10m 15s (#5576) https://quasar.dev/quasar-plugins/cookies#Option%3A-expires
      • feat(QVideo): Add “ratio” prop to define responsive QVideo (#6032 #6041) https://quasar.dev/vue-components/video#With-aspect-ratio
      • feat(QField/QInput/QSelect): Individual color of label (new prop: label-color) (#5807)
      • feat(typescript): allow usage of custom TS types for props and methods (fix: #5711) (#5937)
      • feat(typescript): manage rest-style props and params typings (#6070 #6055)
      • perf(ui): Use z-index scale of 1 for scale3d (#6020)
      • chore(QField): Use .q-field__input for custom input in QField and QSelect #6049 (#6061)
      • chore(docs): Suggest localhost.run instead of Serveo (#6059 #6068)

      Fixes

      • fix(api): Local/SessionStorage method fixes (#5711)
      • fix(api): Fix Cookies api on the return values of methods
      • fix(QBtn): touchtarget not rightly declared - listeners are still awake (#6017)
      • fix(QTime): Small CSS tweaks
      • fix(ie): IE11 on Win10 requires .q-focus-helper with z-index 1 or else ignores opacity #6004 (#6023)
      • fix(QMenu/QTooltip): Use margin-left/-top to reposition QMenu/QTooltip on iOS when viewport is zoomed to allow transitions #5955 (#6024)
      • fix(QTable): Guard existence of $refs.virtScroll in needsReset watcher #6038 (#6039)
      • fix(QTr/QTd): Fix noHover not being respected when props are missing. Fix wrong on in QTr (#6035 #6037)
      • fix(QBtn): Don’t use highly specific CSS to set button height/width (#6030)
      • fix(QImg): odd behavior when having border-radius (#5662)
      • feat+fix(QSkeleton): Allow QTooltip inside; Fix overflow issue on Safari
      • fix(QSlider): Enforce a minimum height for label to avoid gaps with arrow (#6067)
      • fix(QSelect): Fix check for valid kbd target when in dialog mode and close single select after add new (#6048 #6062)
      • fix(typescript): change ‘Object’ type with more permissive ‘LooseDictionary’ (#6064)
      • fix(QField): Do not float label on empty field with error #6065 (#6066)
      1 Reply Last reply Reply Quote 4
      • danielcommesse
        danielcommesse last edited by

        Awesome, really great work as always!!!

        Question, does QIcon svg support means we can use now the Material Design two tone icons?

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

          @danielcoliev Wish Google would actively maintain [its repo] with the svgs on Material Icons. All icons there are at least 3 years old! We will be working on side-stepping their repo in the future in order to supply up to date svg icons. We currently recommend using the MDI svg icons instead (if you wish to go the svg path), but otherwise just stick to Material Icons webfont variant.

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

            Thanks for your answer @rstoenescu, will give MDI svg icons a try!

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