mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-12-21 22:27:12 +00:00
Update Angular, Angular Material and Flex Layout to 6
Updated additional project files Updated Angular Material examples
This commit is contained in:
8
src/assets/angular-material-examples/tooltip-position/tooltip-position-example.css
Normal file → Executable file
8
src/assets/angular-material-examples/tooltip-position/tooltip-position-example.css
Normal file → Executable 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;
|
||||
}
|
||||
|
||||
22
src/assets/angular-material-examples/tooltip-position/tooltip-position-example.html
Normal file → Executable file
22
src/assets/angular-material-examples/tooltip-position/tooltip-position-example.html
Normal file → Executable 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>
|
||||
|
||||
13
src/assets/angular-material-examples/tooltip-position/tooltip-position-example.ts
Normal file → Executable file
13
src/assets/angular-material-examples/tooltip-position/tooltip-position-example.ts
Normal file → Executable 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';
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user