7.0.0-beta.2
Pre-release
Pre-release
Highlights
- This release includes a number of changes to bring the components more in line with the 2018
Material Design update. If you are overriding the default styles, you may find that you need to
tweak them to look right after these changes.
Bug Fixes
- card: better scaling for avatar image (#13032) (19ce1a1)
- checkbox, slide-toggle: no margin if content is projected (#12973) (4636a98), closes #4720
- chips: arrow keys resetting focus to first chip (#12987) (959c827)
- dialog: clean up open dialogs on destroy (#12835) (4e15ba9)
- expansion: MatExpansionHeader transition animations (#13088) (4a96539), closes #11990 #11990 #11990 #11990 #11990 #11990 #11990 #11990
- form-field: Make labels show while printing (#12766) (e88271a)
- table: incorrect padding and text alignment in rtl (#12280) (2b89342), closes #12276
Features
- button: align with 2018 material design spec (#13083) (79801e0), closes #12537 #13011
- card: align with 2018 material design spec (#12731) (484dc8b)
- checkbox: align with 2018 material design spec (#12493) (95acccc)
- chips: align with 2018 material design spec (#12838) (3cc9c67)
- dialog: align with 2018 material design spec (#12705) (00b7233)
- elevation: move elevation rules into theme stylesheets (#11344) (9c075f5), closes #11343
BREAKING CHANGES
- dialog: * The
matDialogAnimations.slideDialog
symbol has been renamed tomatDialogAnimations.dialogContainer
.
- elevation: Because
mat-elevation
usages have been moved out of component stylesheets, users who have
not invoked a theme mixin will not see any elevation shadows on Material components.
However, users that have created a custom theme which lacks theelevation
property will
still see the default black shadows.
Additionally, users who want to use themed elevations in their custom components can create
their own shorthand mixin:
@import '~angular/material/theming';
$myTheme: ...
@mixin my-elevation($zValue) {
@include mat-theme-elevation($zValue, $myTheme);
}
and then invoke angular-material-theme
with the $myTheme
variable.