mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-12-22 01:47:08 +00:00
Update Angular, Angular Material and Flex Layout to 6
Updated additional project files Updated Angular Material examples
This commit is contained in:
4
src/assets/angular-material-examples/toolbar-multirow/toolbar-multirow-example.css
Normal file → Executable file
4
src/assets/angular-material-examples/toolbar-multirow/toolbar-multirow-example.css
Normal file → Executable file
@@ -1,7 +1,7 @@
|
||||
.example-icon {
|
||||
padding: 0 14px;
|
||||
padding: 0 14px;
|
||||
}
|
||||
|
||||
.example-spacer {
|
||||
flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
28
src/assets/angular-material-examples/toolbar-multirow/toolbar-multirow-example.html
Normal file → Executable file
28
src/assets/angular-material-examples/toolbar-multirow/toolbar-multirow-example.html
Normal file → Executable file
@@ -1,18 +1,18 @@
|
||||
<mat-toolbar color="primary">
|
||||
<mat-toolbar-row>
|
||||
<span>Custom Toolbar</span>
|
||||
</mat-toolbar-row>
|
||||
<mat-toolbar-row>
|
||||
<span>Custom Toolbar</span>
|
||||
</mat-toolbar-row>
|
||||
|
||||
<mat-toolbar-row>
|
||||
<span>Second Line</span>
|
||||
<span class="example-spacer"></span>
|
||||
<mat-icon class="example-icon">verified_user</mat-icon>
|
||||
</mat-toolbar-row>
|
||||
<mat-toolbar-row>
|
||||
<span>Second Line</span>
|
||||
<span class="example-spacer"></span>
|
||||
<mat-icon class="example-icon">verified_user</mat-icon>
|
||||
</mat-toolbar-row>
|
||||
|
||||
<mat-toolbar-row>
|
||||
<span>Third Line</span>
|
||||
<span class="example-spacer"></span>
|
||||
<mat-icon class="example-icon">favorite</mat-icon>
|
||||
<mat-icon class="example-icon">delete</mat-icon>
|
||||
</mat-toolbar-row>
|
||||
<mat-toolbar-row>
|
||||
<span>Third Line</span>
|
||||
<span class="example-spacer"></span>
|
||||
<mat-icon class="example-icon">favorite</mat-icon>
|
||||
<mat-icon class="example-icon">delete</mat-icon>
|
||||
</mat-toolbar-row>
|
||||
</mat-toolbar>
|
||||
|
||||
12
src/assets/angular-material-examples/toolbar-multirow/toolbar-multirow-example.ts
Normal file → Executable file
12
src/assets/angular-material-examples/toolbar-multirow/toolbar-multirow-example.ts
Normal file → Executable file
@@ -1,13 +1,11 @@
|
||||
import { Component } from '@angular/core';
|
||||
import {Component} from '@angular/core';
|
||||
|
||||
/**
|
||||
* @title Multi-row toolbar
|
||||
*/
|
||||
@Component({
|
||||
selector : 'toolbar-multirow-example',
|
||||
templateUrl: 'toolbar-multirow-example.html',
|
||||
styleUrls : ['toolbar-multirow-example.css']
|
||||
selector: 'toolbar-multirow-example',
|
||||
templateUrl: 'toolbar-multirow-example.html',
|
||||
styleUrls: ['toolbar-multirow-example.css'],
|
||||
})
|
||||
export class ToolbarMultirowExample
|
||||
{
|
||||
}
|
||||
export class ToolbarMultirowExample {}
|
||||
|
||||
Reference in New Issue
Block a user