@itwin/presentation-hierarchies-react/lib/cjs/presentation-hierarchies-react/itwinui/TreeNodeRenderer.css

React components based on `@itwin/presentation-hierarchies`

/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/

.stateless-tree-node {
  user-select: none;

  .stateless-tree-node-content {
    overflow: initial;
  }

  .action-buttons {
    visibility: hidden;
    position: sticky;
    right: 0;
    background-color: var(--iui-color-background);
  }

  &.filtered .action-buttons,
  &:focus-within .action-buttons {
    visibility: visible;
  }

  &.selected .action-buttons {
    background-color: var(--iui-color-background-accent-muted);
  }

  @media (hover: hover) {
    &:hover .action-buttons {
      visibility: visible;
    }

    &:hover:not(.selected) .action-buttons {
      background-color: var(--iui-color-background-hover);
    }

    &:focus-within {
      outline: 1px solid var(--iui-color-border-accent);
      outline-offset: -1px;
      border-radius: var(--iui-border-radius-1);
    }
  }

  .stateless-tree-node-small-spinner {
    height: var(--iui-size-s);
    width: var(--iui-size-s);
  }
}