Remove pf base css import and tweak styles

This commit is contained in:
Marliana Lara 2019-02-19 15:59:11 -05:00
parent 9229c8e724
commit 740a9c1e61
No known key found for this signature in database
GPG Key ID: 38C73B40DFA809EE
4 changed files with 9 additions and 8 deletions

View File

@ -83,9 +83,6 @@
--pf-global--target-size--MinWidth: 32px;
--pf-global--FontSize--md: 14px;
--pf-c-data-list__item--PaddingTop: 16px;
--pf-c-data-list__item--PaddingBottom: 16px;
.pf-c-badge:not(:last-child), .pf-c-switch:not(:last-child) {
margin-right: 18px;
}
@ -94,6 +91,8 @@
.pf-c-data-list__item {
--pf-c-data-list__item--PaddingLeft: 20px;
--pf-c-data-list__item--PaddingRight: 20px;
align-items: center;
}
.pf-c-data-list__check {
@ -157,9 +156,10 @@
// pf modal overrides
//
.pf-c-modal-box {
--pf-c-modal-box--Width: 550px;
--pf-c-modal-box--MaxWidth: 550px;
.awx-c-modal.pf-c-modal-box {
margin: 0;
padding: 20px;
width: 550px;
}
.pf-c-modal-box__footer {

View File

@ -4,6 +4,7 @@ import {
BackgroundImage,
BackgroundImageSrc,
} from '@patternfly/react-core';
import bgFilter from '@patternfly/patternfly/assets/images/background-filter.svg';
const backgroundImageConfig = {
[BackgroundImageSrc.xs]: '/assets/images/pfbg_576.jpg',
@ -11,7 +12,7 @@ const backgroundImageConfig = {
[BackgroundImageSrc.sm]: '/assets/images/pfbg_768.jpg',
[BackgroundImageSrc.sm2x]: '/assets/images/pfbg_768@2x.jpg',
[BackgroundImageSrc.lg]: '/assets/images/pfbg_2000.jpg',
[BackgroundImageSrc.filter]: '/assets/images/background-filter.svg#image_overlay',
[BackgroundImageSrc.filter]: `${bgFilter}#image_overlay`,
};
export default ({ children }) => (

View File

@ -136,6 +136,7 @@ class Lookup extends React.Component {
</Button>
<div className="pf-c-form-control">{this.wrapTags(value)}</div>
<Modal
className="awx-c-modal"
title={`Select ${lookupHeader}`}
isOpen={isModalOpen}
onClose={this.handleModalToggle}

View File

@ -13,7 +13,6 @@ import {
} from '@lingui/react';
import { t } from '@lingui/macro';
import '@patternfly/react-core/dist/styles/base.css';
import '@patternfly/patternfly/patternfly.css';
import './app.scss';
import './components/Pagination/styles.scss';