github.com/hernad/nomad@v1.6.112/ui/app/styles/components/global-search-dropdown.scss (about)

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