@nodeject/ui-components/esm/hierarchy-chart/node-container/expand-collapse-button/ExpandCollapseButton.module.less

UI library for non-trivial components

// @import (reference) "./styles.less";

/* Collapse & expand functionalities */
input {
  /* Hides the checkboxes */
  display: none;    
  ~ ol > li {
    /* Hides all the li by default, unless the checkboxes are checked  */
    display: none;
  }
  ~.nodeWrapper .fa-minus {
    display: none;
  }	
  &:checked ~.nodeWrapper {		
    .fa-plus {
      display: none;
    }
    .fa-minus {
      display: inline-flex;
    }	
  }
}

.expandCollapse {
  display: flex;
  justify-content: center;
  z-index: 100;    
  grid-column: 1;
  grid-row: 3;    
}