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

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