Sorry
⚠️ For information on how to upgrade to the beta, check out the initial release.
If this completely breaks everything and you can't easily fix it, feel free to revert to beta 8 and give me a telling off on Discord
⚠️ BREAKING CHANGES
Install eslint-plugin-vuetify to fix most of these for you
- Spacing helpers have changed to represent the number of 4px intervals from 0-12 (0-48px)
- eg. px-7 is 7 * 4 = 28px
- 3 -> 4
- 4 -> 6
- 5 -> 12
- Most "breakpointed" and "non-breakpointed" helpers have been normalised, eg.
text-xs-center
is nowtext-center
as it applies to all screen widths unless overridden - Children of
.d-flex
no longer have extra flex rules applied. This can be done manually with.flex-grow-1
- Helper classes changed:
scroll-y
->overflow-y-auto
hide-overflow
->overflow-hidden
show-overflow
->overflow-visible
no-wrap
->text-no-wrap
ellipsis
->text-truncate
Use the following regex to update spacing classes:
find: ([\s"][mp][axytblr])-5
replace: $1-12
find: ([\s"][mp][axytblr])-4
replace: $1-6
find: ([\s"][mp][axytblr])-3
replace: $1-4
🔧 Bug Fixes
- Overlayable: do not remove overlay if is still active after transitionend (dc30560), closes #7798
- Selectable: update hasColor data property on value change (818077f), closes #7855
- SelectionControls: tweak styles to properly match spec (7fab4bc)
- VBottomNavigation: decrease specificity of icon margin (85ac7d4), closes #7568
- VBtn: correct md2 fab sizes (f787b46), closes #7785
- VBtn/Tab: normalize vertical alignment (e2fc06b), closes #7832
- VCheckbox: normalize indeterminate behavior with native checkbox input (f7cd045)
- VChip: show ripple (61b0b31), closes #7863
- VDataTable: add theme styles for group header (a8634d6), closes #7853
- VDatePicker: increased css specificity (51e49cf)
- VExpansionPanel: increase specificity for active header icon rotate (8f83745), closes #7809
- VExpansionPanels: increase specificity of accordion style to avoid css leak (78c806a), closes #7809
- VFileInput: properly clear file input (dfc8948), closes #7848
- VIcon: normalize icon styles (3d9dc50)
- VListGroup: add missing click event propagation (204dcc6)
- VSpeedDial: add correct margin between btns inside of the dial list (5146c85)
- VSpeedDial: fix absolute styles and list separation from activator (c7bc9b0)
- VTextarea: recalculate textarea height when row-height changes (489ce4c), closes #7671
- VToolbar/VAppBar: properly show background on all browsers (f6c5cce), closes #7742
- VWindow: hide overflow when using show-arrows-on-hover prop (af003b6), closes #7542
🚀 Features
- Negative margin helper classes:
.pr-n4
appliesmargin-right: -16px
- More responsive helper classes:
.pa-md-6
,justify-lg-center
,order-sm-first
- Easier to use flex utilities:
.flex-grow-1
and.flex-shrink-0
instead of.grow
/.shrink
- New bootstrap-style grid system (#7327) (9c122fe), closes #1434 #5168 #5272 #6020 #7733