issue-25 #27
@ -143,4 +143,5 @@
|
||||
|
||||
.node-name {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
@ -3,19 +3,19 @@
|
||||
</mat-action-list>
|
||||
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl" >
|
||||
<!-- This is the tree node template for leaf nodes -->
|
||||
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding class="taskgroup-btn">
|
||||
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding class="taskgroup-btn" matTreeNodePaddingIndent="10">
|
||||
<!-- use a disabled button to provide padding for tree leaf -->
|
||||
<button mat-icon-button disabled></button>
|
||||
<button mat-button>{{node.name}}</button>
|
||||
<button mat-button class="node-name">{{node.name}}</button>
|
||||
</mat-tree-node>
|
||||
<!-- This is the tree node template for expandable nodes -->
|
||||
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding class="taskgroup-btn">
|
||||
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding class="taskgroup-btn" matTreeNodePaddingIndent="10">
|
||||
<button mat-icon-button matTreeNodeToggle
|
||||
[attr.aria-label]="'Toggle ' + node.name">
|
||||
[attr.aria-label]="'Toggle ' + node.name" style="padding-left: 10px">
|
||||
<mat-icon class="mat-icon-rtl-mirror">
|
||||
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
|
||||
</mat-icon>
|
||||
</button>
|
||||
<button mat-button>{{node.name}}</button>
|
||||
<button mat-button class="node-name">{{node.name}}</button>
|
||||
</mat-tree-node>
|
||||
</mat-tree>
|
||||
|
Loading…
Reference in New Issue
Block a user