github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/styles/components/global-search-dropdown.scss (about)

     1  .global-search-dropdown {
     2    background: transparent;
     3    border: 0;
     4    position: fixed;
     5  
     6    .ember-power-select-search {
     7      margin-left: $icon-dimensions;
     8      border: 0;
     9    }
    10  
    11    input,
    12    input:focus {
    13      background: transparent;
    14      border: 0;
    15      outline: 0;
    16    }
    17  
    18    // Prevent Safari from disrupting styling, adapted from http://geek.michaelgrace.org/2011/06/webkit-search-input-styling/
    19    input[type='search'] {
    20      -webkit-appearance: textfield;
    21    }
    22  
    23    input::-webkit-search-decoration,
    24    input::-webkit-search-cancel-button {
    25      display: none;
    26    }
    27  
    28    .ember-power-select-options {
    29      background: white;
    30      padding: 0.35rem;
    31  
    32      &[role='listbox'] {
    33        border: 1px solid $grey-blue;
    34        box-shadow: 0 6px 8px -2px rgba($black, 0.05), 0 8px 4px -4px rgba($black, 0.1);
    35      }
    36  
    37      .ember-power-select-option {
    38        padding: 0.2rem 0.4rem;
    39        border-radius: $radius;
    40  
    41        &[aria-current='true'] {
    42          background: transparentize($blue, 0.8);
    43          color: $blue;
    44        }
    45      }
    46    }
    47  
    48    .ember-power-select-group-name {
    49      text-transform: uppercase;
    50      display: inline;
    51      color: darken($grey-blue, 20%);
    52      font-size: $size-7;
    53      font-weight: $weight-semibold;
    54    }
    55  }