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

// Buttons dropdown container
.tree-header-button-dropdown-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(var(--iui-size-2xs) + var(--iui-size-3xs));

  .dropdown-item {
    width: 100%;

    > * {
      width: 100%;
      height: 100%;
    }
  }
}

.tree-widget-tree-header {
  --tree-header-height-inner: var(--tree-header-height, --iui-size-xl);
  --tree-header-contracted-width-inner: var(--tree-header-contracted-width, --iui-size-xl);

  display: flex;
  align-items: center;
  height: var(--tree-header-height-inner);
  justify-content: space-between;

  .tree-widget-search-box {
    width: calc(100% - var(--tree-header-contracted-width-inner));

    &.contracted {
      width: unset;

      &::before {
        border: none;
      }
    }

    .searchbox-stepping-count {
      font-size: var(--iui-size-s);
      color: var(--iui-color-text);
      margin-right: var(--iui-size-2xs);
    }
  }

  .button-container {
    width: calc(100% - var(--tree-header-contracted-width-inner));

    &.contracted {
      width: var(--tree-header-contracted-width-inner);
    }
  }
}