mirror of
https://github.com/ansible/awx.git
synced 2026-01-15 03:40:42 -03:30
Remove pf base css import and tweak styles
This commit is contained in:
parent
9229c8e724
commit
740a9c1e61
12
src/app.scss
12
src/app.scss
@ -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 {
|
||||
|
||||
@ -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 }) => (
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -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';
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user