Merge pull request #9435 from nixocio/ui_issue_9433

Fix misalignment checkbox final build

Fix misalignment checkbox final build on Organization Lookup.
See: #9433

Reviewed-by: Alex Corey <Alex.swansboro@gmail.com>
Reviewed-by: Tiago Góes <tiago.goes2009@gmail.com>
Reviewed-by: Jake McDermott <yo@jakemcdermott.me>
This commit is contained in:
softwarefactory-project-zuul[bot] 2021-04-27 13:16:40 +00:00 committed by GitHub
commit 5c03fa9e84
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

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}