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

update patternfly style overrides

Browse Source
This commit is contained in:
John Mitchell 2018-10-26 17:23:37 -04:00
parent fd28cff412
commit 2dfbae79bd
No known key found for this signature in database
GPG Key ID: FE6A9B5BD4EB5C94
1 changed files with 41 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/app.scss
View File

@ -1,5 +1,5 @@
//
// Header
// page layout
//
.pf-l-page__header {
@ -10,9 +10,10 @@
}
.pf-l-page__header-brand {
display: flex;
align-self: center;
height: 60px;
max-width: 190px;
max-width: 255px;
padding: 0px;
margin: 0px;
}
@ -20,7 +21,7 @@
.pf-l-page__header-tools {
align-self: center;
height: 60px;
padding-left: 190px;
padding-left: 255px;
.fa-user:hover {
// temporary dev logout
@ -28,12 +29,8 @@
}
}
.pf-l-toolbar {
align-self: center;
height: 60px;
}
.pf-l-page__header-brand-link {
max-width: 85px;
align-self: center;
}
@ -55,41 +52,48 @@
}
}
//
// Side Navigation
//
.pf-c-nav {
overflow-y: auto;
}
.pf-c-nav__section {
--pf-c-nav__section--MarginTop: 8px;
}
.pf-l-page__sidebar{
--pf-l-page__sidebar--Width--lg: 190px;
}
--pf-l-page__sidebar--Width--lg: 255px;
.pf-c-nav__section + .pf-c-nav__section {
--pf-c-nav__section--MarginTop: 8px;
}
.pf-c-nav {
overflow-y: auto;
.pf-c-nav__section {
--pf-c-nav__section--MarginTop: 8px;
}
.pf-c-nav__section + .pf-c-nav__section {
--pf-c-nav__section--MarginTop: 8px;
}
.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;
}
.pf-c-nav__section-title {
--pf-c-nav__section-title--PaddingLeft: 24px;
}
.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;
.pf-c-nav__link {
display: flex;
align-items: center;
padding-right: 64px;
}
}
}
.pf-c-nav__section-title {
--pf-c-nav__section-title--PaddingLeft: 24px;
}
//
// Page
//
.pf-l-page__main-section {
--pf-l-page__main-section--PaddingTop: 11px;
--pf-l-page__main-section--PaddingLeft: 11px;
}
//
// toolbar layout
//
.pf-l-toolbar {
align-self: center;
height: 60px;
}