<commit_before>@import './../scss/helpers/typography';
@import './../scss/helpers/color';


//
// @component
//  Select
// @description
//  A select input component
//
.ts-select {
  display: block;

  // disabled state
  &.disabled {
    pointer-events: none;

    // Overwrite color to appear disabled
    .mat-select-value-text {
      color: color(utility);
    }
  }

  // Custom rules when nested inside the pagination component
  .c-pagination & {
    position: relative;
    top: .2em;
    vertical-align: middle;
    width: 4rem;

    .mat-form-field {
      width: auto;
    }
  }

  // <mat-select>
  .c-select {
    // Top level styles should be nested here
    @include typography;
    display: block;
    max-width: 100%;
  }
}<commit_msg>fix(Select): Select menu now has smaller max-height to not spill out of viewport<commit_after>@import './../scss/helpers/typography';
@import './../scss/helpers/color';


//
// @component
//  Select
// @description
//  A select input component
//
.ts-select {
  display: block;

  // disabled state
  &.disabled {
    pointer-events: none;

    // Overwrite color to appear disabled
    .mat-select-value-text {
      color: color(utility);
    }
  }

  // Custom rules when nested inside the pagination component
  .c-pagination & {
    position: relative;
    top: .2em;
    vertical-align: middle;
    width: 4rem;

    .mat-form-field {
      width: auto;
    }
  }

  // <mat-select>
  .c-select {
    // Top level styles should be nested here
    @include typography;
    display: block;
    max-width: 100%;
  }
}

// Overwrite the default max-height set by Material since the menu was spilling off outside the page
.cdk-overlay-container {
  .mat-menu-panel {
    max-height: calc(80vh - 48px);
  }
}
{'fraction_non_alphanumeric': 0.1368540601930721, 'fraction_numerical': 0.007950028392958546, 'mean_word_length': 2.2934579439252336, 'pattern_counts': {'":': 0, '<': 5, '<?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': '2480497', 'n_tokens_mistral': 590, 'n_tokens_neox': 569, 'n_words': 157}