ripple is added

This commit is contained in:
병준 박 2019-11-18 18:35:27 +09:00
parent 5a7585fc68
commit 3fba7224ba
3 changed files with 8 additions and 5 deletions

View File

@ -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

View File

@ -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

View File

@ -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,