External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-13 11:00:03 -03:30
Code Issues Packages Projects Releases Wiki Activity

update breakpoint for mobile-ifying search

Browse Source
This commit is contained in:
John Mitchell 2020-01-13 16:05:01 -05:00
parent 3684975ef9
commit edc65cdc36
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
awx/ui_next/src/components/DataListToolbar/DataListToolbar.jsx
View File

@ -67,7 +67,7 @@ class DataListToolbar extends React.Component {
<DataToolbar
id={`${qsConfig.namespace}-list-toolbar`}
clearAllFilters={clearAllFilters}
collapseListedFiltersBreakpoint="xl"
collapseListedFiltersBreakpoint="lg"
>
<DataToolbarContent>
{showSelectAll && (
@ -83,7 +83,7 @@ class DataListToolbar extends React.Component {
<DataToolbarSeparator variant="separator" />
</DataToolbarGroup>
)}
<DataToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="xl">
<DataToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="lg">
<DataToolbarItem>
<Search
qsConfig={qsConfig}

2
awx/ui_next/src/components/Search/Search.jsx
View File

@ -204,7 +204,7 @@ class Search extends React.Component {
}
isOpen={isSearchDropdownOpen}
dropdownItems={searchDropdownItems}
style={{ width: '100%' }}
style={{ width: '100%', maxWidth: '100px' }}
/>
) : (
<NoOptionDropdown>{searchColumnName}</NoOptionDropdown>

1
awx/ui_next/src/components/Sort/Sort.jsx
View File

@ -135,6 +135,7 @@ class Sort extends React.Component {
onSelect={this.handleDropdownSelect}
direction={up}
isOpen={isSortDropdownOpen}
style={{ width: '100%', maxWidth: '100px' }}
toggle={
<DropdownToggle
id="awx-sort"