mirror of
https://github.com/ansible/awx.git
synced 2026-03-06 11:11:07 -03:30
addresses PR issues
This commit is contained in:
@@ -68,15 +68,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
|
||||||
// page header overrides
|
|
||||||
//
|
|
||||||
|
|
||||||
.pf-c-page__main-section {
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
//
|
||||||
// data list overrides
|
// data list overrides
|
||||||
//
|
//
|
||||||
|
|||||||
@@ -1,39 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import PropTypes from 'prop-types';
|
|
||||||
|
|
||||||
import { Chip as PFChip } from '@patternfly/react-core';
|
|
||||||
import styled from 'styled-components';
|
|
||||||
|
|
||||||
const Chip = styled(PFChip)`
|
|
||||||
padding: 3px 8px;
|
|
||||||
height: 24px;
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
|
|
||||||
&.pf-c-chip {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.pf-m-overflow {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(.pf-m-overflow) .pf-c-button {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
const BasicChip = ({ children, onToggle, isOverflowChip }) => (
|
|
||||||
<Chip
|
|
||||||
className="awx-c-chip--basic"
|
|
||||||
onClick={onToggle}
|
|
||||||
isOverflowChip={isOverflowChip}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</Chip>
|
|
||||||
);
|
|
||||||
|
|
||||||
BasicChip.propTypes = {
|
|
||||||
children: PropTypes.node.isRequired,
|
|
||||||
};
|
|
||||||
|
|
||||||
export default BasicChip;
|
|
||||||
@@ -1,12 +1,12 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
|
|
||||||
export default function FormRow ({ children }) {
|
const Row = styled.div`
|
||||||
const Row = styled.div`
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-gap: 20px;
|
grid-gap: 20px;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
`;
|
`;
|
||||||
|
export default function FormRow ({ children }) {
|
||||||
return (
|
return (
|
||||||
<Row>
|
<Row>
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
Reference in New Issue
Block a user