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