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

add shared DataListCell component

Browse Source
This commit is contained in:
Jake McDermott
2019-06-21 10:15:41 -04:00
parent d8452e1259
commit 22dbe5c0f9
6 changed files with 30 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/screens/Job/JobList/JobListItem.jsx
View File

@@ -5,21 +5,12 @@ import {
DataListItemRow,
DataListItemCells,
DataListCheck,
DataListCell as PFDataListCell,
} from '@patternfly/react-core';
import styled from 'styled-components';
import DataListCell from '@components/DataListCell';
import VerticalSeparator from '@components/VerticalSeparator';
import { toTitleCase } from '@util/strings';
const DataListCell = styled(PFDataListCell)`
display: flex;
align-items: center;
@media screen and (min-width: 768px) {
padding-bottom: 0;
}
`;
class JobListItem extends Component {
render () {
const {

12
src/screens/Organization/OrganizationList/OrganizationListItem.jsx
View File

@@ -8,13 +8,13 @@ import {
DataListItemRow,
DataListItemCells,
DataListCheck,
DataListCell as PFDataListCell,
} from '@patternfly/react-core';
import {
Link
} from 'react-router-dom';
import styled from 'styled-components';
import DataListCell from '@components/DataListCell';
import VerticalSeparator from '@components/VerticalSeparator';
import { Organization } from '@types';
@@ -38,16 +38,6 @@ const ListGroup = styled.span`
}
`;
const DataListCell = styled(PFDataListCell)`
display: flex;
align-items: center;
padding-bottom: ${props => (props.righthalf ? '16px' : '8px')};
@media screen and (min-width: 768px) {
padding-bottom: 0;
}
`;
class OrganizationListItem extends React.Component {
static propTypes = {
organization: Organization.isRequired,

14
src/screens/Template/TemplateList/TemplateListItem.jsx
View File

@@ -5,23 +5,13 @@ import {
DataListItemRow,
DataListItemCells,
DataListCheck,
DataListCell as PFDataListCell,
} from '@patternfly/react-core';
import styled from 'styled-components';
import VerticalSeparator from '@components/VerticalSeparator';
import DataListCell from '@components/DataListCell';
import LaunchButton from '@components/LaunchButton';
import VerticalSeparator from '@components/VerticalSeparator';
import { toTitleCase } from '@util/strings';
const DataListCell = styled(PFDataListCell)`
display: flex;
align-items: center;
@media screen and (min-width: 768px) {
padding-bottom: 0;
justify-content: ${props => (props.lastcolumn ? 'flex-end' : 'inherit')};
}
`;
class TemplateListItem extends Component {
render () {
const {