From 813cdcd1f10a08eab8f7c3cbae135ba0fa6b4c50 Mon Sep 17 00:00:00 2001 From: Paul Gschwendtner Date: Sat, 6 Jan 2018 00:30:01 +0100 Subject: [PATCH] chore: add style urls to examples (#9232) * Adds the missing `styleUrls` component property for most of the examples. If someone launches the example in StackBlitz, he might want to change the styles and would expect the existing CSS file to be ready. --- .../button-overview/button-overview-example.ts | 1 + .../button-toggle-overview/button-toggle-overview-example.ts | 1 + src/material-examples/card-overview/card-overview-example.ts | 1 + .../checkbox-overview/checkbox-overview-example.ts | 1 + src/material-examples/dialog-content/dialog-content-example.ts | 1 + src/material-examples/dialog-data/dialog-data-example.ts | 1 + .../dialog-elements/dialog-elements-example.ts | 1 + .../dialog-overview/dialog-overview-example.ts | 3 ++- .../divider-overview/divider-overview-example.ts | 1 + .../expansion-overview/expansion-overview-example.ts | 1 + .../grid-list-dynamic/grid-list-dynamic-example.ts | 1 + src/material-examples/icon-overview/icon-overview-example.ts | 1 + src/material-examples/icon-svg-example/icon-svg-example.ts | 1 + src/material-examples/list-overview/list-overview-example.ts | 1 + .../paginator-configurable/paginator-configurable-example.ts | 1 + .../paginator-overview/paginator-overview-example.ts | 1 + .../progress-bar-buffer/progress-bar-buffer-example.ts | 1 + .../progress-bar-determinate-example.ts | 1 + .../progress-bar-indeterminate-example.ts | 1 + .../progress-bar-query/progress-bar-query-example.ts | 1 + .../progress-spinner-overview-example.ts | 1 + .../slide-toggle-overview/slide-toggle-overview-example.ts | 1 + .../snack-bar-overview/snack-bar-overview-example.ts | 1 + src/material-examples/tabs-overview/tabs-overview-example.ts | 1 + .../toolbar-overview/toolbar-overview-example.ts | 1 + .../tooltip-overview/tooltip-overview-example.ts | 1 + 26 files changed, 27 insertions(+), 1 deletion(-) diff --git a/src/material-examples/button-overview/button-overview-example.ts b/src/material-examples/button-overview/button-overview-example.ts index 9dbde6873eb..b05a4f88664 100644 --- a/src/material-examples/button-overview/button-overview-example.ts +++ b/src/material-examples/button-overview/button-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'button-overview-example', templateUrl: 'button-overview-example.html', + styleUrls: ['button-overview-example.css'], }) export class ButtonOverviewExample {} diff --git a/src/material-examples/button-toggle-overview/button-toggle-overview-example.ts b/src/material-examples/button-toggle-overview/button-toggle-overview-example.ts index c8afb4373a2..203a3bd9920 100644 --- a/src/material-examples/button-toggle-overview/button-toggle-overview-example.ts +++ b/src/material-examples/button-toggle-overview/button-toggle-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'button-toggle-overview-example', templateUrl: 'button-toggle-overview-example.html', + styleUrls: ['button-toggle-overview-example.css'], }) export class ButtonToggleOverviewExample {} diff --git a/src/material-examples/card-overview/card-overview-example.ts b/src/material-examples/card-overview/card-overview-example.ts index f87f9401fe7..eaa8eb358b4 100644 --- a/src/material-examples/card-overview/card-overview-example.ts +++ b/src/material-examples/card-overview/card-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'card-overview-example', templateUrl: 'card-overview-example.html', + styleUrls: ['card-overview-example.css'], }) export class CardOverviewExample {} diff --git a/src/material-examples/checkbox-overview/checkbox-overview-example.ts b/src/material-examples/checkbox-overview/checkbox-overview-example.ts index 2c8225824eb..5ae9040e8b6 100644 --- a/src/material-examples/checkbox-overview/checkbox-overview-example.ts +++ b/src/material-examples/checkbox-overview/checkbox-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'checkbox-overview-example', templateUrl: 'checkbox-overview-example.html', + styleUrls: ['checkbox-overview-example.css'], }) export class CheckboxOverviewExample {} diff --git a/src/material-examples/dialog-content/dialog-content-example.ts b/src/material-examples/dialog-content/dialog-content-example.ts index 8cd5c6e942f..19698f21501 100644 --- a/src/material-examples/dialog-content/dialog-content-example.ts +++ b/src/material-examples/dialog-content/dialog-content-example.ts @@ -7,6 +7,7 @@ import {MatDialog} from '@angular/material'; @Component({ selector: 'dialog-content-example', templateUrl: 'dialog-content-example.html', + styleUrls: ['dialog-content-example.css'], }) export class DialogContentExample { constructor(public dialog: MatDialog) {} diff --git a/src/material-examples/dialog-data/dialog-data-example.ts b/src/material-examples/dialog-data/dialog-data-example.ts index 08b00d08de4..9f47c92d7cb 100644 --- a/src/material-examples/dialog-data/dialog-data-example.ts +++ b/src/material-examples/dialog-data/dialog-data-example.ts @@ -7,6 +7,7 @@ import {MatDialog, MAT_DIALOG_DATA} from '@angular/material'; @Component({ selector: 'dialog-data-example', templateUrl: 'dialog-data-example.html', + styleUrls: ['dialog-data-example.css'] }) export class DialogDataExample { constructor(public dialog: MatDialog) {} diff --git a/src/material-examples/dialog-elements/dialog-elements-example.ts b/src/material-examples/dialog-elements/dialog-elements-example.ts index b179ee54b54..b279523d54d 100644 --- a/src/material-examples/dialog-elements/dialog-elements-example.ts +++ b/src/material-examples/dialog-elements/dialog-elements-example.ts @@ -7,6 +7,7 @@ import {MatDialog} from '@angular/material'; @Component({ selector: 'dialog-elements-example', templateUrl: 'dialog-elements-example.html', + styleUrls: ['dialog-elements-example.css'], }) export class DialogElementsExample { constructor(public dialog: MatDialog) { } diff --git a/src/material-examples/dialog-overview/dialog-overview-example.ts b/src/material-examples/dialog-overview/dialog-overview-example.ts index 53f7db3a552..b8d172633da 100644 --- a/src/material-examples/dialog-overview/dialog-overview-example.ts +++ b/src/material-examples/dialog-overview/dialog-overview-example.ts @@ -6,7 +6,8 @@ import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material'; */ @Component({ selector: 'dialog-overview-example', - templateUrl: 'dialog-overview-example.html' + templateUrl: 'dialog-overview-example.html', + styleUrls: ['dialog-overview-example.css'], }) export class DialogOverviewExample { diff --git a/src/material-examples/divider-overview/divider-overview-example.ts b/src/material-examples/divider-overview/divider-overview-example.ts index afc107f5ddf..536b600ea57 100644 --- a/src/material-examples/divider-overview/divider-overview-example.ts +++ b/src/material-examples/divider-overview/divider-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'divider-overview-example', templateUrl: 'divider-overview-example.html', + styleUrls: ['divider-overview-example.css'], }) export class DividerOverviewExample {} diff --git a/src/material-examples/expansion-overview/expansion-overview-example.ts b/src/material-examples/expansion-overview/expansion-overview-example.ts index dcf49d93afa..30eb44b3aef 100644 --- a/src/material-examples/expansion-overview/expansion-overview-example.ts +++ b/src/material-examples/expansion-overview/expansion-overview-example.ts @@ -6,6 +6,7 @@ import {Component} from '@angular/core'; @Component({ selector: 'expansion-overview-example', templateUrl: 'expansion-overview-example.html', + styleUrls: ['expansion-overview-example.css'], }) export class ExpansionOverviewExample { panelOpenState: boolean = false; diff --git a/src/material-examples/grid-list-dynamic/grid-list-dynamic-example.ts b/src/material-examples/grid-list-dynamic/grid-list-dynamic-example.ts index 21dc729aea3..99b29dfe8a7 100644 --- a/src/material-examples/grid-list-dynamic/grid-list-dynamic-example.ts +++ b/src/material-examples/grid-list-dynamic/grid-list-dynamic-example.ts @@ -6,6 +6,7 @@ import {Component} from '@angular/core'; @Component({ selector: 'grid-list-dynamic-example', templateUrl: 'grid-list-dynamic-example.html', + styleUrls: ['grid-list-dynamic-example.css'], }) export class GridListDynamicExample { tiles = [ diff --git a/src/material-examples/icon-overview/icon-overview-example.ts b/src/material-examples/icon-overview/icon-overview-example.ts index f81416f3331..c2106e33f9d 100644 --- a/src/material-examples/icon-overview/icon-overview-example.ts +++ b/src/material-examples/icon-overview/icon-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'icon-overview-example', templateUrl: 'icon-overview-example.html', + styleUrls: ['icon-overview-example.css'] }) export class IconOverviewExample {} diff --git a/src/material-examples/icon-svg-example/icon-svg-example.ts b/src/material-examples/icon-svg-example/icon-svg-example.ts index c9a4b5f67b3..f931d302168 100644 --- a/src/material-examples/icon-svg-example/icon-svg-example.ts +++ b/src/material-examples/icon-svg-example/icon-svg-example.ts @@ -8,6 +8,7 @@ import {MatIconRegistry} from '@angular/material'; @Component({ selector: 'icon-svg-example', templateUrl: 'icon-svg-example.html', + styleUrls: ['icon-svg-example.css'], }) export class IconSvgExample { constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer) { diff --git a/src/material-examples/list-overview/list-overview-example.ts b/src/material-examples/list-overview/list-overview-example.ts index 7912329c2ac..61cf813ba67 100644 --- a/src/material-examples/list-overview/list-overview-example.ts +++ b/src/material-examples/list-overview/list-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'list-overview-example', templateUrl: 'list-overview-example.html', + styleUrls: ['list-overview-example.css'], }) export class ListOverviewExample {} diff --git a/src/material-examples/paginator-configurable/paginator-configurable-example.ts b/src/material-examples/paginator-configurable/paginator-configurable-example.ts index 5ee316719e6..3a19e1385e0 100644 --- a/src/material-examples/paginator-configurable/paginator-configurable-example.ts +++ b/src/material-examples/paginator-configurable/paginator-configurable-example.ts @@ -7,6 +7,7 @@ import {PageEvent} from '@angular/material'; @Component({ selector: 'paginator-configurable-example', templateUrl: 'paginator-configurable-example.html', + styleUrls: ['paginator-configurable-example.css'], }) export class PaginatorConfigurableExample { // MatPaginator Inputs diff --git a/src/material-examples/paginator-overview/paginator-overview-example.ts b/src/material-examples/paginator-overview/paginator-overview-example.ts index b2d305e1646..bf63a8defea 100644 --- a/src/material-examples/paginator-overview/paginator-overview-example.ts +++ b/src/material-examples/paginator-overview/paginator-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'paginator-overview-example', templateUrl: 'paginator-overview-example.html', + styleUrls: ['paginator-overview-example.css'], }) export class PaginatorOverviewExample {} diff --git a/src/material-examples/progress-bar-buffer/progress-bar-buffer-example.ts b/src/material-examples/progress-bar-buffer/progress-bar-buffer-example.ts index 9a9dce0ef3c..ad5fba0cd3b 100644 --- a/src/material-examples/progress-bar-buffer/progress-bar-buffer-example.ts +++ b/src/material-examples/progress-bar-buffer/progress-bar-buffer-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'progress-bar-buffer-example', templateUrl: 'progress-bar-buffer-example.html', + styleUrls: ['progress-bar-buffer-example.css'], }) export class ProgressBarBufferExample {} diff --git a/src/material-examples/progress-bar-determinate/progress-bar-determinate-example.ts b/src/material-examples/progress-bar-determinate/progress-bar-determinate-example.ts index bb26495a38c..66f9d360454 100644 --- a/src/material-examples/progress-bar-determinate/progress-bar-determinate-example.ts +++ b/src/material-examples/progress-bar-determinate/progress-bar-determinate-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'progress-bar-determinate-example', templateUrl: 'progress-bar-determinate-example.html', + styleUrls: ['progress-bar-determinate-example.css'], }) export class ProgressBarDeterminateExample {} diff --git a/src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.ts b/src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.ts index e9fc28bc4e4..76dcf504eac 100644 --- a/src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.ts +++ b/src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'progress-bar-indeterminate-example', templateUrl: 'progress-bar-indeterminate-example.html', + styleUrls: ['progress-bar-indeterminate-example.css'], }) export class ProgressBarIndeterminateExample {} diff --git a/src/material-examples/progress-bar-query/progress-bar-query-example.ts b/src/material-examples/progress-bar-query/progress-bar-query-example.ts index c65d08c9d77..3632645ef8e 100644 --- a/src/material-examples/progress-bar-query/progress-bar-query-example.ts +++ b/src/material-examples/progress-bar-query/progress-bar-query-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'progress-bar-query-example', templateUrl: 'progress-bar-query-example.html', + styleUrls: ['progress-bar-query-example.css'], }) export class ProgressBarQueryExample {} diff --git a/src/material-examples/progress-spinner-overview/progress-spinner-overview-example.ts b/src/material-examples/progress-spinner-overview/progress-spinner-overview-example.ts index 67ada8ad585..e0c221f8325 100644 --- a/src/material-examples/progress-spinner-overview/progress-spinner-overview-example.ts +++ b/src/material-examples/progress-spinner-overview/progress-spinner-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'progress-spinner-overview-example', templateUrl: 'progress-spinner-overview-example.html', + styleUrls: ['progress-spinner-overview-example.css'], }) export class ProgressSpinnerOverviewExample {} diff --git a/src/material-examples/slide-toggle-overview/slide-toggle-overview-example.ts b/src/material-examples/slide-toggle-overview/slide-toggle-overview-example.ts index 6ed08696a1c..1f07b2a8ef3 100644 --- a/src/material-examples/slide-toggle-overview/slide-toggle-overview-example.ts +++ b/src/material-examples/slide-toggle-overview/slide-toggle-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'slide-toggle-overview-example', templateUrl: 'slide-toggle-overview-example.html', + styleUrls: ['slide-toggle-overview-example.css'], }) export class SlideToggleOverviewExample {} diff --git a/src/material-examples/snack-bar-overview/snack-bar-overview-example.ts b/src/material-examples/snack-bar-overview/snack-bar-overview-example.ts index 010634ef1dc..1dcbbc829ed 100644 --- a/src/material-examples/snack-bar-overview/snack-bar-overview-example.ts +++ b/src/material-examples/snack-bar-overview/snack-bar-overview-example.ts @@ -7,6 +7,7 @@ import {MatSnackBar} from '@angular/material'; @Component({ selector: 'snack-bar-overview-example', templateUrl: 'snack-bar-overview-example.html', + styleUrls: ['snack-bar-overview-example.css'], }) export class SnackBarOverviewExample { constructor(public snackBar: MatSnackBar) {} diff --git a/src/material-examples/tabs-overview/tabs-overview-example.ts b/src/material-examples/tabs-overview/tabs-overview-example.ts index 96f70260ec7..602c3948c3d 100644 --- a/src/material-examples/tabs-overview/tabs-overview-example.ts +++ b/src/material-examples/tabs-overview/tabs-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'tabs-overview-example', templateUrl: 'tabs-overview-example.html', + styleUrls: ['tabs-overview-example.css'], }) export class TabsOverviewExample {} diff --git a/src/material-examples/toolbar-overview/toolbar-overview-example.ts b/src/material-examples/toolbar-overview/toolbar-overview-example.ts index 5d543043abe..a6de4d6ad2c 100644 --- a/src/material-examples/toolbar-overview/toolbar-overview-example.ts +++ b/src/material-examples/toolbar-overview/toolbar-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'toolbar-overview-example', templateUrl: 'toolbar-overview-example.html', + styleUrls: ['toolbar-overview-example.css'], }) export class ToolbarOverviewExample {} diff --git a/src/material-examples/tooltip-overview/tooltip-overview-example.ts b/src/material-examples/tooltip-overview/tooltip-overview-example.ts index ffb53c02b10..ecf464b57a0 100644 --- a/src/material-examples/tooltip-overview/tooltip-overview-example.ts +++ b/src/material-examples/tooltip-overview/tooltip-overview-example.ts @@ -6,5 +6,6 @@ import {Component} from '@angular/core'; @Component({ selector: 'tooltip-overview-example', templateUrl: 'tooltip-overview-example.html', + styleUrls: ['tooltip-overview-example.css'], }) export class TooltipOverviewExample {}