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

Fix misalignment checkbox final build

Browse Source 
Fix misalignment checkbox final build on Organization Lookup.

See: https://github.com/ansible/awx/issues/9433
This commit is contained in:
nixocio 2021-03-01 08:42:40 -05:00
parent 6267b264bf
commit 2b5fe0e6c4
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
awx/ui_next/src/components/CheckboxListItem/CheckboxListItem.jsx
View File

@ -3,12 +3,12 @@ import PropTypes from 'prop-types';
import styled from 'styled-components';
import {
DataListItem,
DataListItemRow,
DataListItemRow as PFDataListItemRow,
DataListItemCells,
DataListCheck,
Radio,
} from '@patternfly/react-core';
import DataListCell from '../DataListCell';
import _DataListCell from '../DataListCell';
const Label = styled.label`
${({ isDisabled }) =>
@ -18,6 +18,18 @@ const Label = styled.label`
`}
`;
const DataListItemRow = styled(PFDataListItemRow)`
&& {
align-items: center;
}
`;
const DataListCell = styled(_DataListCell)`
&& {
margin-left: 10px;
}
`;
const CheckboxListItem = ({
isDisabled = false,
isRadio = false,
@ -29,7 +41,6 @@ const CheckboxListItem = ({
onSelect,
}) => {
const CheckboxRadio = isRadio ? Radio : DataListCheck;
return (
<DataListItem
key={itemId}