/*
 * Copyright OpenSearch Contributors
 * SPDX-License-Identifier: Apache-2.0
 */

.dscIndexPattern__container {
  display: flex;
  align-items: center;
  height: $euiSize * 3;
  margin-top: -$euiSizeS;
}

.dscIndexPattern__triggerButton {
  @include euiTitle('xs');
  line-height: $euiSizeXXL;
}

.dscFieldList {
  list-style: none;
  margin-bottom: 0;
}

.dscFieldListHeader {
  padding: $euiSizeS $euiSizeS 0 $euiSizeS;
  background-color: lightOrDarkTheme(tint($euiColorPrimary, 90%), $euiColorLightShade);
}

.dscFieldList--popular {
  background-color: lightOrDarkTheme(tint($euiColorPrimary, 90%), $euiColorLightShade);
}

.dscFieldChooser__toggle {
  color: $euiColorMediumShade;
  margin-left: $euiSizeS !important;
}

/**
 * 1. Only visually hide the action, so that it's still accessible to screen readers.
 * 2. When tabbed to, this element needs to be visible for keyboard accessibility.
 */
.dscSidebarItem__action {
  opacity: 0; /* 1 */
  transition: none;

  &:focus {
    opacity: 1; /* 2 */
  }
  font-size: $euiFontSizeXS;
  padding: 2px 6px !important;
  height: 22px !important;
  min-width: auto !important;
  .euiButton__content {
    padding: 0 4px;
  }
}

.dscFieldSearch {
  padding: $euiSizeS;
}

.dscFieldSearch__toggleButton {
  width: calc(100% - #{$euiSizeS});
  color: $euiColorPrimary;
  padding-left: $euiSizeXS;
  margin-left: $euiSizeXS;
}

.dscFieldSearch__filterWrapper {
  flex-grow: 0;
}

.dscFieldSearch__formWrapper {
  padding: $euiSizeM;
}

.dscFieldDetails {
  color: $euiTextColor;
  margin-bottom: $euiSizeS;
}

.dscSidebarItem__fieldPopoverPanel {
  min-width: 300px;
  max-width: 600px;
  max-height: 600px;
  overflow-y: scroll;
}

.override_timestamp_loading {
  vertical-align: middle;
}

#vis__mainContent {
  .explorer__insights {
    .explorerFieldSelector, .explorer__vizDataConfig {
      padding: $euiSizeS;
      overflow: auto;
  
      &__fieldGroups {
        @include euiYScrollWithShadows;
  
        overflow-y: auto;
        margin-right: -$euiSizeS;
        padding-right: $euiSizeS;
        margin-top: $euiSizeS;
      }
  
      &__fieldGroup {
        margin-top: $euiSizeS;
  
        &:first-child {
          margin-top: 0;
        }
      }
    }
    .explorerFieldSelector {
      @include euiYScrollWithShadows;
      .sidebar-list {
        height: 100%;
      }
    }
  }
}

.ws__configPanel--right{
  overflow-y: unset;
}