github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/styles/components/global-search-container.scss (about)

     1  .global-search-container {
     2    position: absolute;
     3    width: 100%;
     4    left: 0;
     5    top: 0;
     6    bottom: 0;
     7    display: flex;
     8    justify-content: center;
     9    align-items: center;
    10  
    11    .global-search {
    12      width: 30em;
    13  
    14      @media #{$mq-hidden-gutter} {
    15        width: 20em;
    16      }
    17  
    18      .ember-power-select-trigger {
    19        background: $nomad-green-darker;
    20        border: 0;
    21  
    22        .icon {
    23          margin-top: 1px;
    24          margin-left: 2px;
    25  
    26          fill: white;
    27          opacity: 0.7;
    28        }
    29  
    30        .placeholder {
    31          opacity: 0.7;
    32          display: inline-block;
    33          padding-left: 2px;
    34          transform: translateY(-1px);
    35          font-weight: $weight-semibold;
    36        }
    37  
    38        .shortcut {
    39          position: absolute;
    40          right: 5px;
    41          top: 5px;
    42          bottom: 5px;
    43          width: 1.4rem;
    44          padding-top: 3px;
    45          text-align: center;
    46          opacity: 0.7;
    47          background: $nomad-green-dark;
    48          font-weight: $weight-semibold;
    49        }
    50  
    51        &.ember-power-select-trigger--active {
    52          background: white;
    53          border-color: white;
    54  
    55          .icon {
    56            fill: black;
    57            opacity: 1;
    58          }
    59        }
    60      }
    61  
    62      .ember-basic-dropdown-content-wormhole-origin {
    63        position: absolute;
    64        top: 0;
    65        width: 100%;
    66      }
    67    }
    68  }