diff --git a/src/material-examples/chips-autocomplete/chips-autocomplete-example.html b/src/material-examples/chips-autocomplete/chips-autocomplete-example.html index 80c502bce1c..f5ec61e59b2 100644 --- a/src/material-examples/chips-autocomplete/chips-autocomplete-example.html +++ b/src/material-examples/chips-autocomplete/chips-autocomplete-example.html @@ -20,7 +20,7 @@ /> - + {{ fruit }} diff --git a/src/material-examples/sidenav-open-close/sidenav-open-close-example.ts b/src/material-examples/sidenav-open-close/sidenav-open-close-example.ts index 05d50e56301..23577563157 100644 --- a/src/material-examples/sidenav-open-close/sidenav-open-close-example.ts +++ b/src/material-examples/sidenav-open-close/sidenav-open-close-example.ts @@ -7,7 +7,8 @@ import {Component} from '@angular/core'; styleUrls: ['sidenav-open-close-example.css'], }) export class SidenavOpenCloseExample { - events = []; + events: string[] = []; + opened: boolean; shouldRun = [/(^|\.)plnkr\.co$/, /(^|\.)stackblitz\.io$/].some(h => h.test(window.location.host)); } diff --git a/src/material-examples/table-basic/table-basic-example.css b/src/material-examples/table-basic/table-basic-example.css index 8b311e6d363..bbfba32dec4 100644 --- a/src/material-examples/table-basic/table-basic-example.css +++ b/src/material-examples/table-basic/table-basic-example.css @@ -3,9 +3,5 @@ flex-direction: column; max-height: 500px; min-width: 300px; -} - -.mat-table { overflow: auto; - max-height: 500px; } diff --git a/src/material-examples/table-filtering/table-filtering-example.css b/src/material-examples/table-filtering/table-filtering-example.css index c0e9a5b5424..67230469c15 100644 --- a/src/material-examples/table-filtering/table-filtering-example.css +++ b/src/material-examples/table-filtering/table-filtering-example.css @@ -3,6 +3,8 @@ display: flex; flex-direction: column; min-width: 300px; + max-height: 500px; + overflow: auto; } .example-header { @@ -14,8 +16,3 @@ font-size: 14px; width: 100%; } - -.mat-table { - overflow: auto; - max-height: 500px; -} diff --git a/src/material-examples/table-http/table-http-example.css b/src/material-examples/table-http/table-http-example.css index 4b3734dbecf..c2445f18dfd 100644 --- a/src/material-examples/table-http/table-http-example.css +++ b/src/material-examples/table-http/table-http-example.css @@ -2,9 +2,10 @@ .example-container { display: flex; flex-direction: column; - max-height: 500px; min-width: 300px; position: relative; + max-height: 500px; + overflow: auto; } .example-header { @@ -15,11 +16,6 @@ font-size: 20px; } -.example-table { - overflow: auto; - min-height: 300px; -} - .example-loading-shade { position: absolute; top: 0; diff --git a/src/material-examples/table-overview/table-overview-example.css b/src/material-examples/table-overview/table-overview-example.css index 0a4bfa77646..1819289dc64 100644 --- a/src/material-examples/table-overview/table-overview-example.css +++ b/src/material-examples/table-overview/table-overview-example.css @@ -2,6 +2,8 @@ display: flex; flex-direction: column; min-width: 300px; + max-height: 500px; + overflow: auto; } .example-header { @@ -14,7 +16,3 @@ width: 100%; } -.mat-table { - overflow: auto; - max-height: 500px; -} diff --git a/src/material-examples/table-pagination/table-pagination-example.css b/src/material-examples/table-pagination/table-pagination-example.css index 6872a38f964..8e156acffca 100644 --- a/src/material-examples/table-pagination/table-pagination-example.css +++ b/src/material-examples/table-pagination/table-pagination-example.css @@ -2,9 +2,7 @@ display: flex; flex-direction: column; min-width: 300px; + max-height: 500px; + overflow: auto; } -.mat-table { - overflow: auto; - max-height: 500px; -} diff --git a/src/material-examples/table-selection/table-selection-example.css b/src/material-examples/table-selection/table-selection-example.css index ee01a3c8fa5..fd79d00fecb 100644 --- a/src/material-examples/table-selection/table-selection-example.css +++ b/src/material-examples/table-selection/table-selection-example.css @@ -3,11 +3,7 @@ flex-direction: column; max-height: 500px; min-width: 300px; -} - -.mat-table { overflow: auto; - max-height: 500px; } .mat-column-select { diff --git a/src/material-examples/table-sorting/table-sorting-example.css b/src/material-examples/table-sorting/table-sorting-example.css index c5f30cac2a1..342b186a366 100644 --- a/src/material-examples/table-sorting/table-sorting-example.css +++ b/src/material-examples/table-sorting/table-sorting-example.css @@ -2,9 +2,6 @@ display: flex; flex-direction: column; min-width: 300px; -} - -.mat-table { overflow: auto; max-height: 500px; }