External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-04-13 22:19:27 -02:30
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #9435 from nixocio/ui_issue_9433

Browse Source 
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
parent 7095e266a5 2b5fe0e6c4
commit 5c03fa9e84
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}