New
- feat(ui): dark mode shadows (and Quasar sass variables)
- feat(ui): Improve QInput and QFile nativeEl types (fix #15128) (#15129)
Fixes
- fix(QInput): set margin first and then decrease height to keep parent scroll (regressing from fixing firefox undo) #15023 (#15047)
- fix(QDialog): listen for click on backdrop on ios because the refocus does not make sense and ios in non-desktop mode does not focus the backdrop on tap #13619 (#14958)
- fix(QInfiniteScroll): hide transitions and animations for invisible items #15094 (#15097)
- fix(ui/build): ignore .spec.js files when building UI package (has negative effects on the CLI auto-import feature)
- fix(QCard): do not mess with padding for non-rectangle buttons inside QCardActions
- fix(QLinearProgress): "stripe" prop not taking account of "instant-feedback"
Breaking change fix
We are sorry but we really had to push the following because it's a bug with various implications. Should you use this language pack, you should convert kz to kk as language name:
- fix(ui): Kazakh language pack renamed from kz to kk as per ISO standard (#14985)
Designer considerations (important!)
Since we added shadows for Dark mode:
- The
shadow-*,shadow-up-*,inset-shadowandinset-shadow-downCSS helper classes will now output light-colored shadows when Dark mode is enabled. - Quasar components that handle dark mode will now output light-colored shadows when Dark mode is enabled (unless "flat"). These include: QCard, QColor, QDate, QTime, QMenu, QStepper, QTable, QUploader.
- QHeader/QFooter/QDrawer with "elevated" prop will now output light-colored shadows when Dark mode is enabled.
- QDialog will no longer attach any default shadow to its main child element/component. This won't change anything if you're using a QCard (because it already has a shadow). However, any other element/component (including your own) might require you to attach a
shadow-*class to work the same. - QKnob & QChip will output a light-colored shadow when it's focused and Dark mode is enabled. For QKnob on light-mode (and new dark mode), this shadow has been changed from elevation level 4 to 2.
Donations
Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following: