open-nomad/ui/app/styles/components/dropdown.scss

.ember-power-select-trigger,
.dropdown-trigger {
  position: relative;
  padding: 0.3em 16px 0.3em 0.3em;
  border-radius: $radius;
  box-shadow: $button-box-shadow-standard;
  background: $white-bis;
  border: 1px solid $grey-light;

  &.is-outlined {
    border-color: rgba($white, 0.5);
    color: $white;
    background: transparent;
    box-shadow: $button-box-shadow-standard, 0 0 2px 2px rgba($black, 0.1);

    .ember-power-select-status-icon {
      border-top-color: rgba($white, 0.75);
    }

    .ember-power-select-prefix {
      color: rgba($white, 0.75);
    }
  }
}

.dropdown-trigger-label {
  margin-left: 8px;
  margin-right: 8px;
}

.ember-power-select-selected-item,
.dropdown-item {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ember-power-select-prefix,
.dropdown-prefix {
  color: $grey;
}

.ember-power-select-option,
.dropdown-option {
  .ember-power-select-prefix,
  .dropdown-prefix {
    display: none;
  }
}

.dropdown-options {
  border: 1px solid $grey-light;
  margin-top: -1px;

  & > ul {
    width: 100%;
  }

  .dropdown-option {
    line-height: 1.75;

    label {
      display: block;
      padding: 3px 8px;
      cursor: pointer;
    }

    & + .dropdown-option {
      border-top: 1px solid $grey-lighter;
    }

    &:hover {
      background: $white-bis;
    }
  }
}