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

[rstoenescu]

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)

[danielcommesse]

Awesome, really great work as always!!!

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

[rstoenescu]

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

[danielcommesse]

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