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

Remove pf base css import and tweak styles

Browse Source
This commit is contained in:
Marliana Lara
2019-02-19 15:59:11 -05:00
parent 9229c8e724
commit 740a9c1e61
4 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app.scss
View File

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

3
src/components/Background.jsx
View File

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

1
src/components/Lookup/Lookup.jsx
View File

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

1
src/index.jsx
View File

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