External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-25 15:06:02 -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
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 styled from 'styled-components';
import { import {
DataListItem, DataListItem,
DataListItemRow, DataListItemRow as PFDataListItemRow,
DataListItemCells, DataListItemCells,
DataListCheck, DataListCheck,
Radio, Radio,
} from '@patternfly/react-core'; } from '@patternfly/react-core';
import DataListCell from '../DataListCell'; import _DataListCell from '../DataListCell';
const Label = styled.label` const Label = styled.label`
${({ isDisabled }) => ${({ 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 = ({ const CheckboxListItem = ({
isDisabled = false, isDisabled = false,
isRadio = false, isRadio = false,
@@ -29,7 +41,6 @@ const CheckboxListItem = ({
onSelect, onSelect,
}) => { }) => {
const CheckboxRadio = isRadio ? Radio : DataListCheck; const CheckboxRadio = isRadio ? Radio : DataListCheck;
return ( return (
<DataListItem <DataListItem
key={itemId} key={itemId}