/*---------------------------------------------------------------------------------------------
* 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/inputs/input";
@import "~@bentley/ui-core/lib/ui-core/scrollbar";

.components-table {

  .react-grid-HeaderCell {

    /* NumericFilter rendering */
    > div > div {
      margin-right: unset !important;
      max-width: unset !important;
    }
    .input-sm {
      display: none;
    }

    $filter-height: 24px;

    .form-control.input-sm {
      @include uicore-inputs-input;
      margin: 0;
      max-width: calc(100% - 10px);
      height: $filter-height;
    }

    .uicore-reactSelectTop {
      min-height: $filter-height;
      max-height: $filter-height;
      max-width: calc(100% - 10px);

      .react-select__control {
        min-height: $filter-height;
        max-height: $filter-height;

        .react-select__placeholder {
          padding: 2px;
        }

        .react-select__value-container {
          padding: 0 2px;
          max-height: $filter-height;

          .react-select__multi-value {
            margin: 0;

            .react-select__multi-value__label {
              padding-left: 4px;
            }
          }
        }
      }

      .react-select__single-value {
        margin: 0;
      }

      .react-select__indicator {
        padding: 0 2px;
      }
    }

    .components-popup-button {
      min-height: $filter-height;
      max-height: $filter-height;
      min-width: calc(100% - 10px);
      max-width: calc(100% - 10px);
    }
  }
}