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

Refactor styles and remove patternfly utility classes

Browse Source
This commit is contained in:
Marliana Lara
2019-02-17 22:58:08 -05:00
parent 09107aef1f
commit 240d07b6d4
9 changed files with 90 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/app.scss
View File

@@ -1,3 +1,8 @@
// https://github.com/patternfly/patternfly-react/issues/1294
#app {
height: 100%;
}
//
// masthead overrides
//
@@ -44,7 +49,6 @@
}
.pf-c-nav__simple-list .pf-c-nav__link {
--pf-c-nav__simple-list-link--PaddingLeft: 24px;
--pf-c-nav__simple-list-link--PaddingBottom: 6px;
--pf-c-nav__simple-list-link--PaddingTop: 6px;
}
@@ -70,16 +74,6 @@
padding-bottom: 10px;
}
//
// toolbar overrides
//
.pf-l-toolbar {
align-self: center;
height: 60px;
}
//
// data list overrides
//
@@ -99,7 +93,7 @@
.pf-c-data-list__item {
--pf-c-data-list__item--PaddingLeft: 20px;
--pf-c-data-list__item--PaddingRight: 0px;
--pf-c-data-list__item--PaddingRight: 20px;
}
.pf-c-data-list__check {
@@ -116,8 +110,24 @@
margin-right: 20px;
}
.pf-c-data-list__cell a {
margin-right: 8px;
.pf-c-data-list__cell {
--pf-c-data-list__cell--PaddingTop: 16px;
--pf-c-data-list__cell--PaddingBottom: 16px;
--pf-c-data-list__cell-cell--PaddingTop: 16px;
a {
margin-right: 8px;
}
}
//
// switch overrides
//
// https://github.com/patternfly/patternfly-next/issues/915
.pf-c-switch {
.pf-c-switch__label::before {
display: none;
}
}
//
@@ -143,19 +153,15 @@
}
}
//
// data list overrides
//
.pf-c-data-list__item {
--pf-c-data-list__item--PaddingLeft: 20px;
--pf-c-data-list__item--PaddingRight: 20px;
}
//
// pf modal overrides
//
.pf-c-modal-box {
--pf-c-modal-box--Width: 550px;
--pf-c-modal-box--MaxWidth: 550px;
}
.pf-c-modal-box__footer {
--pf-c-modal-box__footer--PaddingTop: 20px;
--pf-c-modal-box__footer--PaddingRight: 20px;
@@ -189,6 +195,10 @@
padding: 0;
}
.pf-c-card__body {
--pf-c-card__body--PaddingTop: 24px;
}
//
// pf empty state overrides
//
@@ -205,11 +215,10 @@
.awx-lookup {
min-height: 36px;
}
.awx-c-modal {
width: 550px;
margin: 0;
.pf-c-form-control {
--pf-c-form-control--Height: auto;
}
}
.awx-c-icon--remove {