diff --git a/ui/app/components/global-search/control.js b/ui/app/components/global-search/control.js index 603c29131..a72f2ef1c 100644 --- a/ui/app/components/global-search/control.js +++ b/ui/app/components/global-search/control.js @@ -21,6 +21,7 @@ export default class GlobalSearchControl extends Component { constructor() { super(...arguments); + this['data-test-search-parent'] = true; this.jobSearch = JobSearch.create({ dataSource: this, diff --git a/ui/app/styles/components/global-search-container.scss b/ui/app/styles/components/global-search-container.scss index 47e8dd646..bb54ca20a 100644 --- a/ui/app/styles/components/global-search-container.scss +++ b/ui/app/styles/components/global-search-container.scss @@ -8,54 +8,52 @@ justify-content: center; align-items: center; - .global-search { + .ember-basic-dropdown-trigger { width: 30em; @media #{$mq-hidden-gutter} { width: 20em; } - .ember-power-select-trigger { - background: $nomad-green-darker; - border: 0; + background: $nomad-green-darker; + border: 0; + + .icon { + margin-top: 1px; + margin-left: 2px; + + fill: white; + opacity: 0.7; + } + + .placeholder { + opacity: 0.7; + display: inline-block; + padding-left: 2px; + transform: translateY(-1px); + font-weight: $weight-semibold; + } + + .shortcut { + position: absolute; + right: 5px; + top: 5px; + bottom: 5px; + width: 1.4rem; + padding-top: 3px; + text-align: center; + opacity: 0.7; + background: $nomad-green-dark; + font-weight: $weight-semibold; + } + + &.ember-power-select-trigger--active { + background: white; + border-color: white; .icon { - margin-top: 1px; - margin-left: 2px; - - fill: white; - opacity: 0.7; - } - - .placeholder { - opacity: 0.7; - display: inline-block; - padding-left: 2px; - transform: translateY(-1px); - font-weight: $weight-semibold; - } - - .shortcut { - position: absolute; - right: 5px; - top: 5px; - bottom: 5px; - width: 1.4rem; - padding-top: 3px; - text-align: center; - opacity: 0.7; - background: $nomad-green-dark; - font-weight: $weight-semibold; - } - - &.ember-power-select-trigger--active { - background: white; - border-color: white; - - .icon { - fill: black; - opacity: 1; - } + fill: black; + opacity: 1; } } diff --git a/ui/app/templates/components/agent-monitor.hbs b/ui/app/templates/components/agent-monitor.hbs index f462c9ad8..aa0c7a47e 100644 --- a/ui/app/templates/components/agent-monitor.hbs +++ b/ui/app/templates/components/agent-monitor.hbs @@ -1,5 +1,5 @@