v2.0.0-beta.9
Pre-release
Pre-release
Sorry
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