kemko/nomad
1
0
Fork 0
mirror of https://github.com/kemko/nomad.git synced 2026-01-06 18:35:44 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: re-order multiselect and search boxes

Browse Source
This commit is contained in:
Jai Bhagat
2021-11-20 14:48:28 -05:00
parent 02aae77cb8
commit bd2558d507
2 changed files with 32 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ui/app/styles/components/boxed-section.scss
View File

@@ -19,6 +19,15 @@
margin-left: auto;
}
.is-subsection {
display: flex;
align-items: baseline;
.is-padded {
padding: 0em 0em 0em 1em;
}
}
.is-fixed-width {
display: inline-block;
width: 8em;

44
ui/app/templates/clients/client/index.hbs
View File

@@ -294,27 +294,29 @@
</button>
{{/if}}
</div>
<SearchBox
@searchTerm={{mut this.searchTerm}}
@onChange={{action this.resetPagination}}
@placeholder="Search allocations..."
@class="is-inline pull-right"
@inputClass="is-compact"
/>
<MultiSelectDropdown
data-test-allocation-status-facet
@label="Status"
@options={{this.optionsAllocationStatus}}
@selection={{this.selectionStatus}}
@onSelect={{action "setFacetQueryParam" "qpStatus"}}
/>
<MultiSelectDropdown
data-test-allocation-task-group-facet
@label="Task Group"
@options={{this.optionsTaskGroups}}
@selection={{this.selectionTaskGroup}}
@onSelect={{action "setFacetQueryParam" "qpTaskGroup"}}
/>
<div class="pull-right is-subsection">
<MultiSelectDropdown
data-test-allocation-status-facet
@label="Status"
@options={{this.optionsAllocationStatus}}
@selection={{this.selectionStatus}}
@onSelect={{action "setFacetQueryParam" "qpStatus"}}
/>
<MultiSelectDropdown
data-test-allocation-task-group-facet
@label="Task Group"
@options={{this.optionsTaskGroups}}
@selection={{this.selectionTaskGroup}}
@onSelect={{action "setFacetQueryParam" "qpTaskGroup"}}
/>
<SearchBox
@searchTerm={{mut this.searchTerm}}
@onChange={{action this.resetPagination}}
@placeholder="Search allocations..."
@inputClass="is-compact"
@class="is-padded"
/>
</div>
</div>
<div class="boxed-section-body is-full-bleed">
<ListPagination