open-nomad/ui/app/styles/components/global-search-dropdown.scss
Buck Doyle ee7141a59a
Add phase 1 of global search (#8175)
This introduces a DataCaches service so recently-updated collections don’t need
to be requeried within a minute, or based on the current route. It only searches
jobs and nodes. There are known bugs that will be addressed in upcoming PRs.
2020-06-19 13:05:28 -05:00

46 lines
896 B
SCSS

.global-search-dropdown {
background: transparent;
border: 0;
position: fixed;
.ember-power-select-search {
margin-left: $icon-dimensions;
border: 0;
}
input,
input:focus {
background: transparent;
border: 0;
outline: 0;
}
.ember-power-select-options {
background: white;
padding: 0.35rem;
&[role='listbox'] {
border: 1px solid $grey-blue;
box-shadow: 0 6px 8px -2px rgba($black, 0.05), 0 8px 4px -4px rgba($black, 0.1);
}
.ember-power-select-option {
padding: 0.2rem 0.4rem;
border-radius: $radius;
&[aria-current='true'] {
background: transparentize($blue, 0.8);
color: $blue;
}
}
}
.ember-power-select-group-name {
text-transform: uppercase;
display: inline;
color: darken($grey-blue, 20%);
font-size: $size-7;
font-weight: $weight-semibold;
}
}