searchable_dropdown.scss

/*
 * Copyright OpenSearch Contributors
 * SPDX-License-Identifier: Apache-2.0
 */
@import "../variables";

.searchableDropdown {
  overflow: "hidden";

  .euiFormControlLayout__childrenWrapper {
    display: flex;
  }

  &--topDisplay {
    padding-right: $euiSizeL;
    font-size: $euiFontSizeS;
    flex-grow: 1;

    .euiButtonEmpty__content {
      justify-content: flex-start;
    }
  }

  &--fixedWidthChild {
    width: calc(#{$wizLeftNavWidth} - #{$euiSizeXL} * 2);
  }

  &--selectableWrapper .euiSelectableList {
    // When clicking on the selectable content it will "highlight" itself with a box shadow
    // This turns that off
    box-shadow: none !important;
    margin: ($euiFormControlPadding * -1) - 4;
  }

  .euiPopover,
  .euiPopover__anchor {
    width: 100%;
  }
}