mirror of
https://github.com/ansible/awx.git
synced 2026-05-07 17:37:37 -02:30
adjust styled components for data toolbar overrides with new pf v4 names
This commit is contained in:
@@ -10,7 +10,6 @@ import {
|
|||||||
ToolbarItem,
|
ToolbarItem,
|
||||||
ToolbarToggleGroup,
|
ToolbarToggleGroup,
|
||||||
} from '@patternfly/react-core';
|
} from '@patternfly/react-core';
|
||||||
import styled from 'styled-components';
|
|
||||||
import { SearchIcon } from '@patternfly/react-icons';
|
import { SearchIcon } from '@patternfly/react-icons';
|
||||||
import ExpandCollapse from '../ExpandCollapse';
|
import ExpandCollapse from '../ExpandCollapse';
|
||||||
import Search from '../Search';
|
import Search from '../Search';
|
||||||
@@ -18,14 +17,6 @@ import Sort from '../Sort';
|
|||||||
|
|
||||||
import { SearchColumns, SortColumns, QSConfig } from '../../types';
|
import { SearchColumns, SortColumns, QSConfig } from '../../types';
|
||||||
|
|
||||||
const ToolbarContent = styled(_ToolbarContent)`
|
|
||||||
--pf-c-data-toolbar__content--PaddingLeft: 24px;
|
|
||||||
--pf-c-data-toolbar__content--PaddingRight: 8px;
|
|
||||||
`;
|
|
||||||
const ToolbarGroup = styled(_ToolbarGroup)`
|
|
||||||
--pf-c-data-toolbar__group--spacer: 24px;
|
|
||||||
`;
|
|
||||||
|
|
||||||
class DataListToolbar extends React.Component {
|
class DataListToolbar extends React.Component {
|
||||||
render() {
|
render() {
|
||||||
const {
|
const {
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ import DataListToolbar from '../DataListToolbar';
|
|||||||
import { QSConfig, SearchColumns, SortColumns } from '../../types';
|
import { QSConfig, SearchColumns, SortColumns } from '../../types';
|
||||||
|
|
||||||
const ModalList = styled.div`
|
const ModalList = styled.div`
|
||||||
.pf-c-data-toolbar__content {
|
.pf-c-toolbar__content {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import styled from 'styled-components';
|
|||||||
|
|
||||||
Wizard.displayName = 'PFWizard';
|
Wizard.displayName = 'PFWizard';
|
||||||
export default styled(Wizard)`
|
export default styled(Wizard)`
|
||||||
.pf-c-data-toolbar__content {
|
.pf-c-toolbar__content {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|||||||
Reference in New Issue
Block a user