External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-18 17:37:30 -02: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
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 <DataToolbar
id={`${qsConfig.namespace}-list-toolbar`} id={`${qsConfig.namespace}-list-toolbar`}
clearAllFilters={clearAllFilters} clearAllFilters={clearAllFilters}
collapseListedFiltersBreakpoint="xl" collapseListedFiltersBreakpoint="lg"
> >
<DataToolbarContent> <DataToolbarContent>
{showSelectAll && ( {showSelectAll && (
@@ -83,7 +83,7 @@ class DataListToolbar extends React.Component {
<DataToolbarSeparator variant="separator" /> <DataToolbarSeparator variant="separator" />
</DataToolbarGroup> </DataToolbarGroup>
)} )}
<DataToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="xl"> <DataToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="lg">
<DataToolbarItem> <DataToolbarItem>
<Search <Search
qsConfig={qsConfig} qsConfig={qsConfig}

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

@@ -204,7 +204,7 @@ class Search extends React.Component {
} }
isOpen={isSearchDropdownOpen} isOpen={isSearchDropdownOpen}
dropdownItems={searchDropdownItems} dropdownItems={searchDropdownItems}
style={{ width: '100%' }} style={{ width: '100%', maxWidth: '100px' }}
/> />
) : ( ) : (
<NoOptionDropdown>{searchColumnName}</NoOptionDropdown> <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} onSelect={this.handleDropdownSelect}
direction={up} direction={up}
isOpen={isSortDropdownOpen} isOpen={isSortDropdownOpen}
style={{ width: '100%', maxWidth: '100px' }}
toggle={ toggle={
<DropdownToggle <DropdownToggle
id="awx-sort" id="awx-sort"