Contents

[class^=pb_typeahead_kit] {
  .pb_typeahead_wrapper {
    position: relative;

    .pb_typeahead_loading_indicator {
      position: relative;
      width: min-content;
      top: 3.8em;
      left: 1em;
      visibility: hidden;
    }
  }

  [class^=pb_text_input_kit] {
    input {
      padding-left: $space_xl !important;
    }
  }

  .pb_item_kit {
    padding: ($space_xs + 2) 0;

    &:hover {
      background-color: $bg_light;
    }
  }

  &:focus-within [class^=pb_list_kit] {
    max-height: 18em;
    overflow-y: auto;
    overscroll-behavior: contain;
    position: absolute;
    left: 0;
    right: 0;
    background: white;
    box-shadow: $shadow_deep;
    z-index: 100;
  }

  &:not(:focus-within) [class^=pb_list_kit] {
    display: none;
  }

  [class^=pb_list_kit] {
    margin-top: -$space-sm;

    & > [data-pb-typeahead-kit-results] > li {
      &:focus-within {
        background: $bg_light;
      }

      > button {
        background: none;
        color: inherit;
        border: none;
        padding: 0;
        font: inherit;
        cursor: pointer;
        outline: inherit;
        width: 100%;
        height: 100%;
        text-align: left;
      }
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-4.5.2	app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.5.1	app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.5.0	app/pb_kits/playbook/pb_typeahead/_typeahead.scss