mirror of
https://github.com/ansible/awx.git
synced 2026-02-22 05:30:18 -03:30
Apply padding to Alert component.
This commit is contained in:
28
src/app.scss
28
src/app.scss
@@ -258,14 +258,24 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// PF Alert notification component overrides
|
||||||
|
.pf-c-alert__title {
|
||||||
|
--pf-c-alert__title--PaddingTop: 20px;
|
||||||
|
--pf-c-alert__title--PaddingRight: 20px;
|
||||||
|
--pf-c-alert__title--PaddingBottom: 20px;
|
||||||
|
--pf-c-alert__title--PaddingLeft: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pf-c-alert__description {
|
||||||
|
--pf-c-alert__description--PaddingRight: 20px;
|
||||||
|
--pf-c-alert__description--PaddingBottom: 20px;
|
||||||
|
--pf-c-alert__description--PaddingLeft: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.pf-c-alert {
|
.pf-c-alert {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
|
|
||||||
button {
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.pf-c-alert__icon {
|
.pf-c-alert__icon {
|
||||||
@@ -282,3 +292,13 @@
|
|||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.awx-c-form-action-group {
|
||||||
|
float: right;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
.pf-m-danger {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -45,10 +45,6 @@ const hiddenStyle = {
|
|||||||
display: 'none',
|
display: 'none',
|
||||||
};
|
};
|
||||||
|
|
||||||
const buttonGroupStyle = {
|
|
||||||
float: 'right',
|
|
||||||
};
|
|
||||||
|
|
||||||
const Detail = ({ label, value, url, customStyles }) => {
|
const Detail = ({ label, value, url, customStyles }) => {
|
||||||
let detail = null;
|
let detail = null;
|
||||||
if (value) {
|
if (value) {
|
||||||
@@ -335,7 +331,7 @@ class OrganizationAccessList extends React.Component {
|
|||||||
action={<AlertActionCloseButton onClose={this.hideWarning} />}
|
action={<AlertActionCloseButton onClose={this.hideWarning} />}
|
||||||
>
|
>
|
||||||
{warningMsg}
|
{warningMsg}
|
||||||
<span style={buttonGroupStyle}>
|
<span className="awx-c-form-action-group">
|
||||||
<Button variant="danger" aria-label="confirm-delete" onClick={this.confirmDelete}>Delete</Button>
|
<Button variant="danger" aria-label="confirm-delete" onClick={this.confirmDelete}>Delete</Button>
|
||||||
<Button variant="secondary" onClick={this.hideWarning}>Cancel</Button>
|
<Button variant="secondary" onClick={this.hideWarning}>Cancel</Button>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user