Apply padding to Alert component.

This commit is contained in:
Kia Lam
2019-03-14 10:35:54 -04:00
parent 6bd5ee4201
commit 518ecee53e
2 changed files with 25 additions and 9 deletions

View File

@@ -258,14 +258,24 @@
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 {
position: absolute;
width: 100%;
z-index: 20;
button {
margin-right: 20px;
}
}
.pf-c-alert__icon {
@@ -281,4 +291,14 @@
height: 24px;
margin-right: 10px;
margin-bottom: 10px;
}
.awx-c-form-action-group {
float: right;
display: block;
.pf-m-danger {
margin-top: 20px;
margin-right: 20px;
}
}