/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "~@bentley/ui-core/lib/ui-core/expandable/list";
@import "~@bentley/ui-core/lib/ui-core/scrollbar";

.components-virtualized-property-grid-loader {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.components-virtualized-property-grid {
  padding: 0;
  user-select: none;
  color: $buic-foreground-body;

  > div {
    min-width: 0;
  }
}

.components-property-grid-wrapper {
  width: 100%;
  height: 100%;
  overflow-y: auto;

  @include uicore-touch-scrolling;
  @include uicore-scrollbar();
}

@mixin components-property-list {
  width: 100%;

  .components--selected {
    background-color: $buic-row-selection;
    outline: 1px solid $buic-foreground-primary;
  }

  .components--clickable {
    cursor: pointer;

    &:hover {
      background: $buic-row-hover;
    }
  }

  .components--hoverable:hover {
    background-color: $buic-row-hover;
  }
}

.components-property-list--horizontal {
  @include components-property-list;

  display: grid;
  grid-row-gap: 1px; // A gap of 10px is too wasteful
  overflow: hidden;
}

.components-property-list--vertical {
  @include components-property-list;
  // margin-top: -13px;
}

.virtualized-grid-node-content:not(.virtualized-grid-node-custom-category) > .uicore-expandable-blocks-block.is-expanded {
  border-bottom: none;
}

.virtualized-grid-node-content {
  &.virtualized-grid-node-category, &.virtualized-grid-node-custom-category {
    padding-bottom: 3px;
  }
}

.virtualized-grid-node-content {
  padding: 3px 3px 0px 3px;
}

.virtualized-grid-node .nested-border-middle {
  border-left: 1px solid $buic-background-control-stroke;
  border-right: 1px solid $buic-background-control-stroke;
  margin-left: 3px;
  margin-right: 3px;
}

.virtualized-grid-node .nested-border-bottom {
  border-bottom: 1px solid $buic-background-control-stroke;
  margin-bottom: 3px;
}