Angular Material Tree nested node depth

2
votes

I am trying to work with angular and material components. And I have two questions:

1) How to reduce nested node depth(left offset) ? Please, see screenshot

2) I apply next style for change max-height:

.mat-tree-node { 
  min-height: 25px;
  max-height: 25px; 
}

And now when I press to expand button, gray circle is drawn incorrectly. How can i fix it(change it radius)? Please, see screenshot

1
angulartreeangular-material

1 Answers

1
votes

to reduce left offset you can do so by css take a look stackblitz

to make ripple effect work properly and because you change the min-height and max-height of their grandparent .mat-tree-node do so

.mat-tree-node > .mat-icon-button {
  width: 25px;
  height: 25px;
  line-height: 25px;
}