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

Fix padding on output search

Browse Source
This commit is contained in:
mabashian
2021-03-18 14:15:14 -04:00
parent 74460fa2d7
commit eb4dca9dc1
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
awx/ui_next/src/screens/Job/JobOutput/JobOutput.jsx
View File

@@ -15,8 +15,8 @@ import hasAnsi from 'has-ansi';
import { AllHtmlEntities } from 'html-entities'; import { AllHtmlEntities } from 'html-entities';
import { import {
Button, Button,
Toolbar as _Toolbar, Toolbar,
ToolbarContent as _ToolbarContent, ToolbarContent,
ToolbarItem, ToolbarItem,
ToolbarToggleGroup, ToolbarToggleGroup,
Tooltip, Tooltip,
@@ -199,13 +199,13 @@ const OutputFooter = styled.div`
flex: 1; flex: 1;
`; `;
const Toolbar = styled(_Toolbar)` const SearchToolbar = styled(Toolbar)`
position: inherit !important; position: inherit !important;
`; `;
const ToolbarContent = styled(_ToolbarContent)` const SearchToolbarContent = styled(ToolbarContent)`
padding-left: 0px; padding-left: 0px !important;
padding-right: 0px; padding-right: 0px !important;
`; `;
let ws; let ws;
@@ -735,13 +735,13 @@ function JobOutput({
/> />
</OutputHeader> </OutputHeader>
<HostStatusBar counts={job.host_status_counts} /> <HostStatusBar counts={job.host_status_counts} />
<Toolbar <SearchToolbar
id="job_output-toolbar" id="job_output-toolbar"
clearAllFilters={handleRemoveAllSearchTerms} clearAllFilters={handleRemoveAllSearchTerms}
collapseListedFiltersBreakpoint="lg" collapseListedFiltersBreakpoint="lg"
clearFiltersButtonText={i18n._(t`Clear all filters`)} clearFiltersButtonText={i18n._(t`Clear all filters`)}
> >
<ToolbarContent> <SearchToolbarContent>
<ToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="lg"> <ToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="lg">
<ToolbarItem variant="search-filter"> <ToolbarItem variant="search-filter">
{isJobRunning(job.status) ? ( {isJobRunning(job.status) ? (
@@ -757,8 +757,8 @@ function JobOutput({
)} )}
</ToolbarItem> </ToolbarItem>
</ToolbarToggleGroup> </ToolbarToggleGroup>
</ToolbarContent> </SearchToolbarContent>
</Toolbar> </SearchToolbar>
<PageControls <PageControls
onScrollFirst={handleScrollFirst} onScrollFirst={handleScrollFirst}
onScrollLast={handleScrollLast} onScrollLast={handleScrollLast}