/*---------------------------------------------------------------------------------------------
* 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";

.components-enum-editor {
  min-width:        100%;
  height:           100%;
  margin:           0;

  $enum-editor-height: 24px;

  .uicore-reactSelectTop {
    max-height: $enum-editor-height;

    .react-select__control {
      max-height: $enum-editor-height;
      width: 100%;
      line-height: $enum-editor-height;
      min-height: 0px;


      .react-select__placeholder {
        padding: 2px;
      }
      .react-select__value-container {
        padding: 2px;
        max-height: $enum-editor-height;
        min-height: $enum-editor-height;
        min-width: 4.5em;
      }
    }
    .react-select__single-value {
      max-height: $enum-editor-height;
      min-height: $enum-editor-height;
      margin: 0;
      min-width: 4.5em;
    }

    .react-select__indicator {
      padding: 0 2px;
      max-height: $enum-editor-height;
      min-height: $enum-editor-height;
      width: 100%;
    }
  }

  .css-1gtu0rj-indicatorContainer {
    max-height: $enum-editor-height;
    width: 100%;
    padding: 0 8px;
  }

  .css-tlfecz-indicatorContainer {
    max-height: $enum-editor-height;
    width: 100%;
    padding: 0 8px;
  }

  .css-g1d714-ValueContainer {
    max-height: $enum-editor-height;
    min-height: $enum-editor-height;
    width: 100%;
   }

  .css-yk16xz-control {
    max-height: $enum-editor-height;
    min-height: $enum-editor-height;
    min-width: 4.5em;
    width: 100%;
   }

   .css-1pahdxg-control {
    max-height: $enum-editor-height;
    min-height: $enum-editor-height;
    min-width: 4.5em;
    width: 100%;
   }

}