@fleetbase/ember-ui/addon/styles/components/basic-dropdown.css

Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.

.ember-power-select-trigger.ember-model-select-multiple-trigger.form-select {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
}

.ember-basic-dropdown-trigger[aria-disabled='true'],
.ember-power-select-trigger[aria-disabled='true'] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ember-power-select-multiple-option {
    margin: 0 0 0 3px;
    line-height: 1.45;
    padding: 2px 9px;
}

body[data-theme='dark'] .ember-power-select-multiple-option {
    @apply bg-gray-900 text-gray-100 border border-gray-700 shadow-sm;
}

.ember-basic-dropdown.listbox-base .ember-power-select-options[role='listbox'] {
    max-height: 20rem;
}

.ember-basic-dropdown.listbox-lg .ember-power-select-options[role='listbox'] {
    max-height: 30rem;
}

.ember-basic-dropdown.listbox-xl .ember-power-select-options[role='listbox'] {
    max-height: 34rem;
}

.ember-basic-dropdown.listbox-2xl .ember-power-select-options[role='listbox'] {
    max-height: 40rem;
}

body.fleetbase-console .ember-basic-dropdown-content {
    background-color: transparent;
}

.ember-power-select-multiple-option .hide-from-trigger,
.ember-power-select-selected-item .hide-from-trigger {
    display: none;
}

.ember-power-select-multiple-option div.normalize-in-trigger,
.ember-power-select-selected-item div.normalize-in-trigger {
    font-weight: normal;
}

.ember-basic-dropdown-content-wormhole-origin,
.ember-basic-dropdown-content-placeholder {
    margin: 0 !important;
}

.ember-basic-dropdown-content-wormhole-origin {
    display: contents;
}

body.fleetbase-console .ember-power-select-trigger {
    padding: 0.5rem 2.5rem 0.5rem 0.75rem;
}