Fixes KEYCLOAK-7637 UI background color issue

This commit is contained in:
June Zhang 2018-06-15 15:15:46 +08:00 committed by Stan Silvert
parent e1a0e581b9
commit 2f366b0d5d
2 changed files with 9 additions and 4 deletions

View file

@ -1,4 +1,4 @@
<div id="verticalNavLayout" class="layout-pf layout-pf-fixed faux-layout" style="background-color: white;"> <div id="verticalNavLayout" class="layout-pf layout-pf-fixed faux-layout">
<pfng-vertical-navigation <pfng-vertical-navigation
#pfVerticalNav #pfVerticalNav
[brandSrc]="resourceUrl + '/app/assets/img/keycloak-logo-min.png'" [brandSrc]="resourceUrl + '/app/assets/img/keycloak-logo-min.png'"
@ -37,8 +37,7 @@
<div #contentContainer <div #contentContainer
class="container-fluid container-cards-pf container-pf-nav-pf-vertical example-page-container" class="container-fluid container-cards-pf container-pf-nav-pf-vertical example-page-container">
style="background-color: white;">
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<router-outlet></router-outlet> <router-outlet></router-outlet>

View file

@ -9,6 +9,9 @@ body {
.cards-pf { .cards-pf {
background: #f5f5f5; background: #f5f5f5;
} }
.card-pf {
margin: 0 0 20px;
}
.card-pf .row-cards-pf:first-child { .card-pf .row-cards-pf:first-child {
padding-top: 0px; padding-top: 0px;
} }
@ -54,7 +57,10 @@ p.description {
background: #ffffff; background: #ffffff;
margin-bottom: 10px; margin-bottom: 10px;
} }
.row {
margin-left: -20px;
margin-right: -20px;
}
/*Responsive Design*/ /*Responsive Design*/
@media (max-width: 767px) { @media (max-width: 767px) {