Sha256: c96c568dd45298691dd0da2ec79912cd8879ec70d532816610148d998b4a9df4

Contents?: true

Size: 1.17 KB

Versions: 12

Compression:

Stored size: 1.17 KB

Contents

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

    .pb_typeahead_loading_indicator {
      position: absolute;
      width: min-content;
      bottom: 0.6em;
      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

12 entries across 12 versions & 1 rubygems

Version Path
playbook_ui-4.11.0.pre.alpha3 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.11.0.pre.alpha.pre.2 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.10.0 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.10.0.pre.alpha1 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.9.0.pre.alpha1 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.9.0 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.8.2 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.8.1 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.7.1 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.7.0 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.6.1 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.6.0 app/pb_kits/playbook/pb_typeahead/_typeahead.scss