sebastian/timemanager
Template
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust Padding and Font-Weight

Browse Source
This commit is contained in:
Sebastian 2023-10-28 09:46:32 +02:00
parent eb197aca52
commit b57ee244c0
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.css
View File

@ -143,4 +143,5 @@
.node-name { .node-name {
font-style: normal; font-style: normal;
font-weight: normal;
} }

10
frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.html
View File

@ -3,19 +3,19 @@
</mat-action-list> </mat-action-list>
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl" > <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" >
<!-- This is the tree node template for leaf nodes --> <!-- 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 --> <!-- use a disabled button to provide padding for tree leaf -->
<button mat-icon-button disabled></button> <button mat-icon-button disabled></button>
<button mat-button>{{node.name}}</button> <button mat-button class="node-name">{{node.name}}</button>
</mat-tree-node> </mat-tree-node>
<!-- This is the tree node template for expandable nodes --> <!-- 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 <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"> <mat-icon class="mat-icon-rtl-mirror">
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
</mat-icon> </mat-icon>
</button> </button>
<button mat-button>{{node.name}}</button> <button mat-button class="node-name">{{node.name}}</button>
</mat-tree-node> </mat-tree-node>
</mat-tree> </mat-tree>