ripple is added
This commit is contained in:
parent
5a7585fc68
commit
3fba7224ba
|
@ -9,7 +9,7 @@
|
||||||
class="group-tree"
|
class="group-tree"
|
||||||
>
|
>
|
||||||
<!-- This is the tree node template for leaf nodes -->
|
<!-- This is the tree node template for leaf nodes -->
|
||||||
<mat-tree-node *matTreeNodeDef="let node" style="height: 80px;">
|
<mat-tree-node *matTreeNodeDef="let node" style="height: 80px;" matRipple>
|
||||||
<li>
|
<li>
|
||||||
<div class="mat-tree-node">
|
<div class="mat-tree-node">
|
||||||
<ng-container
|
<ng-container
|
||||||
|
|
|
@ -14,8 +14,8 @@
|
||||||
matTreeNodePadding
|
matTreeNodePadding
|
||||||
class="mat-tree-last-node"
|
class="mat-tree-last-node"
|
||||||
>
|
>
|
||||||
<li>
|
<li (click)="onClickNode(node)" matRipple>
|
||||||
<div (click)="onClickNode(node)">
|
<div>
|
||||||
{{ node.name }}
|
{{ node.name }}
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
@ -26,8 +26,8 @@
|
||||||
matTreeNodePadding
|
matTreeNodePadding
|
||||||
class="tree-node-frame"
|
class="tree-node-frame"
|
||||||
>
|
>
|
||||||
<li>
|
<li (click)="onClickNode(node)" matRipple>
|
||||||
<div (click)="onClickNode(node)" class="path">
|
<div class="path">
|
||||||
<span class="horizontal-line"></span>
|
<span class="horizontal-line"></span>
|
||||||
<button
|
<button
|
||||||
mat-icon-button
|
mat-icon-button
|
||||||
|
|
|
@ -6,6 +6,8 @@ import { FlexLayoutModule } from '@angular/flex-layout';
|
||||||
|
|
||||||
import { ScrollingModule } from '@angular/cdk/scrolling';
|
import { ScrollingModule } from '@angular/cdk/scrolling';
|
||||||
|
|
||||||
|
import { MatRippleModule } from '@angular/material';
|
||||||
|
|
||||||
import { MatButtonModule } from '@angular/material/button';
|
import { MatButtonModule } from '@angular/material/button';
|
||||||
import { MatIconModule } from '@angular/material/icon';
|
import { MatIconModule } from '@angular/material/icon';
|
||||||
import { MatInputModule } from '@angular/material/input';
|
import { MatInputModule } from '@angular/material/input';
|
||||||
|
@ -26,6 +28,7 @@ const SERVICES = [];
|
||||||
FlexLayoutModule,
|
FlexLayoutModule,
|
||||||
ScrollingModule,
|
ScrollingModule,
|
||||||
|
|
||||||
|
MatRippleModule,
|
||||||
MatButtonModule,
|
MatButtonModule,
|
||||||
MatIconModule,
|
MatIconModule,
|
||||||
MatInputModule,
|
MatInputModule,
|
||||||
|
|
Loading…
Reference in New Issue
Block a user