Update Angular, Angular Material and Flex Layout to 6

Updated additional project files
Updated Angular Material examples
This commit is contained in:
Sercan Yemen
2018-05-04 19:28:19 +03:00
parent 02df48ab4e
commit f4636d9a37
454 changed files with 13445 additions and 9629 deletions

View File

@@ -1,9 +1,9 @@
.example-tooltip-host {
display: inline-flex;
align-items: center;
margin: 50px;
display: inline-flex;
align-items: center;
margin: 50px;
}
.example-select {
margin: 0 10px;
margin: 0 10px;
}

View File

@@ -1,13 +1,13 @@
<div class="example-tooltip-host" matTooltip="Tooltip!" [matTooltipPosition]="position">
<span>Show tooltip</span>
<mat-form-field>
<mat-select class="example-select" [(ngModel)]="position">
<mat-option value="before">Before</mat-option>
<mat-option value="after">After</mat-option>
<mat-option value="above">Above</mat-option>
<mat-option value="below">Below</mat-option>
<mat-option value="left">Left</mat-option>
<mat-option value="right">Right</mat-option>
</mat-select>
</mat-form-field>
<span>Show tooltip</span>
<mat-form-field>
<mat-select class="example-select" [(ngModel)]="position">
<mat-option value="before">Before</mat-option>
<mat-option value="after">After</mat-option>
<mat-option value="above">Above</mat-option>
<mat-option value="below">Below</mat-option>
<mat-option value="left">Left</mat-option>
<mat-option value="right">Right</mat-option>
</mat-select>
</mat-form-field>
</div>

View File

@@ -1,14 +1,13 @@
import { Component } from '@angular/core';
import {Component} from '@angular/core';
/**
* @title Tooltip with custom position
*/
@Component({
selector : 'tooltip-position-example',
templateUrl: 'tooltip-position-example.html',
styleUrls : ['tooltip-position-example.css']
selector: 'tooltip-position-example',
templateUrl: 'tooltip-position-example.html',
styleUrls: ['tooltip-position-example.css'],
})
export class TooltipPositionExample
{
position = 'before';
export class TooltipPositionExample {
position = 'before';
}