<commit_before>@import "~styles/themes/colors";
@import "~styles/themes/elements";

:global(.ui):global(.dropdown).bareDropdown,
.portalDropdown {
  // Places the arrow within the trigger.
  &.arrowInsideTrigger {
    position: relative;

    i:global(.dropdown) {
      margin: 0;
      padding: 0;
      position: absolute;
      right: 10px;
      top: 5px;
      line-height: 24px;
      pointer-events: none;
      font-size: 20px;
    }
  }

  // Places the arrow to the right of the trigger.
  &.arrowOutsideTrigger {
    display: flex;
    align-items: center;

    i:global(.dropdown) {
      margin-left: 0;
      font-size: 20px;
    }
  }

  &.hideArrow {
    i:global(.dropdown) {
      display: none;
    }
  }

  &.smallArrow {
    i:global(.dropdown) {
      font-size: 16px;
    }
  }

  :global(.item) {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.4px;
    height: 30px;
    display: flex;
    align-items: center;
    /* Overwrite semantic ui */
    padding-left: 14px !important;
    padding-right: 14px !important;
    color: black !important;
    cursor: pointer;

    &:hover {
      background-color: $transparent-lightest-grey !important;
    }
  }

  // Since we have our own custom search input,
  // hide the semantic-ui search input.
  :global(.search) {
    display: none;
  }

  .item {
    cursor: pointer;

    &:hover {
      background-color: $transparent-lightest-grey;
    }

    &.active {
      font-weight: bold;
    }
  }

  .menu {
    min-width: 100%;
    background-color: $white;
    box-shadow: $box-shadow-dropdown-menu;
    border: 1px solid $box-shadow-lighter;
    border-radius: 4px;

    &:global(.left) {
      .innerMenu {
        /* Override special case semantic ui styling for left menus */
        margin: 0 !important;
      }
    }

    &.extraPadding {
      padding-top: 14px;
      padding-bottom: 10px;
    }

    .menuLabel {
      font-size: 13px;
      line-height: 13px;
      font-weight: 600;
      letter-spacing: 0.4px;
      margin-bottom: 12px;
      padding: 0 14px;
    }

    .searchContainer {
      margin: 0 14px 10px 14px;
    }
  }

  .dropdownMenu {
    padding: 6px 0;
  }

  .innerMenu {
    /* Override semantic-ui */
    box-shadow: none !important;
    border-radius: 0 !important;
    border-top: none !important;
    max-height: 288px;
    overflow: auto;

    // TODO(mark): Move this to a global CSS file.
    &::-webkit-scrollbar {
      width: 8px;
      border-radius: 3px;
    }

    &::-webkit-scrollbar-track {
      display: none;
    }
  }

  i:global(.dropdown) {
    &:before {
      font-family: FontAwesome;
      content: "\f107";
    }
  }

  &:global(.active) {
    & > i:global(.dropdown):global(.icon):before {
      color: $primary-light;
    }
  }
}
<commit_msg>[Release Fix] Fix double scrollbar on search dropdown. (#2722) (#2723)<commit_after>@import "~styles/themes/colors";
@import "~styles/themes/elements";

:global(.ui):global(.dropdown).bareDropdown,
.portalDropdown {
  // Places the arrow within the trigger.
  &.arrowInsideTrigger {
    position: relative;

    i:global(.dropdown) {
      margin: 0;
      padding: 0;
      position: absolute;
      right: 10px;
      top: 5px;
      line-height: 24px;
      pointer-events: none;
      font-size: 20px;
    }
  }

  // Places the arrow to the right of the trigger.
  &.arrowOutsideTrigger {
    display: flex;
    align-items: center;

    i:global(.dropdown) {
      margin-left: 0;
      font-size: 20px;
    }
  }

  &.hideArrow {
    i:global(.dropdown) {
      display: none;
    }
  }

  &.smallArrow {
    i:global(.dropdown) {
      font-size: 16px;
    }
  }

  :global(.item) {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.4px;
    height: 30px;
    display: flex;
    align-items: center;
    /* Overwrite semantic ui */
    padding-left: 14px !important;
    padding-right: 14px !important;
    color: black !important;
    cursor: pointer;

    &:hover {
      background-color: $transparent-lightest-grey !important;
    }
  }

  // Since we have our own custom search input,
  // hide the semantic-ui search input.
  :global(.search) {
    display: none;
  }

  // semantic-ui applies max-height when search is true.
  // We have our max-height on .innerMenu, so override this max-height
  // to prevent double scrollbars.
  &:global(.search) {
    .menu {
      max-height: none;
    }
  }

  .item {
    cursor: pointer;

    &:hover {
      background-color: $transparent-lightest-grey;
    }

    &.active {
      font-weight: bold;
    }
  }

  .menu {
    min-width: 100%;
    background-color: $white;
    box-shadow: $box-shadow-dropdown-menu;
    border: 1px solid $box-shadow-lighter;
    border-radius: 4px;

    &:global(.left) {
      .innerMenu {
        /* Override special case semantic ui styling for left menus */
        margin: 0 !important;
      }
    }

    &.extraPadding {
      padding-top: 14px;
      padding-bottom: 10px;
    }

    .menuLabel {
      font-size: 13px;
      line-height: 13px;
      font-weight: 600;
      letter-spacing: 0.4px;
      margin-bottom: 12px;
      padding: 0 14px;
    }

    .searchContainer {
      margin: 0 14px 10px 14px;
    }
  }

  .dropdownMenu {
    padding: 6px 0;
  }

  .innerMenu {
    /* Override semantic-ui */
    box-shadow: none !important;
    border-radius: 0 !important;
    border-top: none !important;
    max-height: 288px;
    overflow: auto;

    // TODO(mark): Move this to a global CSS file.
    &::-webkit-scrollbar {
      width: 8px;
      border-radius: 3px;
    }

    &::-webkit-scrollbar-track {
      display: none;
    }
  }

  i:global(.dropdown) {
    &:before {
      font-family: FontAwesome;
      content: "\f107";
    }
  }

  &:global(.active) {
    & > i:global(.dropdown):global(.icon):before {
      color: $primary-light;
    }
  }
}

{'fraction_non_alphanumeric': 0.1354432533605581, 'fraction_numerical': 0.024842606772162667, 'mean_word_length': 2.080712788259958, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1115726', 'n_tokens_mistral': 2230, 'n_tokens_neox': 1979, 'n_words': 460}