Upgrade from 1.0.0 beta.7 to 1.0.0 beta.8.1
Stoovm edited this page Oct 30, 2017
·
10 revisions
- Change all md* to mat*, use this tool to do it: https://www.npmjs.com/package/angular-material-prefix-updater
- Make sure to run this tool before updating dependencies below
- Update package.json dependencies
- Put all mat-select inside a mat-form-field if you want the placeholder and underline & remove inline style width if had it
- On any "Per Page" mat-selects within the paginator add the following inline style <mat-select [style.width.px]="50"
- Update the class used on FABs to be: <a mat-fab class="mat-fab-bottom-right fixed z-3"
- Add this global style to the app to get select boxes to align correctly when they are within an md-list
.mat-list-item .mat-form-field-type-mat-select .mat-form-field-infix {
padding-top: 0;
}
- Remove td-paging-bar-label from everywhere
- Move
floatPlaceholder="never"from the md-select up to the mat-form-field around it - Add this global style to the app to get higher z-index than mat-drawer-content for shadow
.mat-toolbar {
z-index: 2;
}
- Make sure any custom ".md" styles are changed to ".mat"
- Remove td-chip-avatar from chips
- MaterialModule has been removed completely in version 2.0.0-beta.11. Remove any remaining:
import { MaterialModule } from '@angular/material'; - MaterialModule has been removed completely in version 2.0.0-beta.11. Remove any remaining:
MaterialModule.forRoot(), - If you have issues with mat-form-field not respecting flex, there is a temporary workaround until the next release above 2.0.0-beta.12 is out.