Merge pull request #273 from cardosogabriel/master

Improvements in the console header, content area background, favicon and logos

admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.css

@@ -6,6 +6,9 @@ body {
     background-image: url('../img/logo.png');
     height: 25px;
     background-repeat: no-repeat;
+    width: 103px;
+    margin: 3px 20px 5px;
+    text-indent: -99999px;
 }
 
 .navbar-pf {
@@ -29,21 +32,21 @@ body {
 .navbar-pf .navbar-primary > .active > a,
 .navbar-pf .navbar-primary > .active > a:hover{
     background-color: rgba(0,0,0,0.1);
-    border-bottom-color: rgba(0,0,0,0.3);
-    border-right: rgba(0,0,0,0.3);
-    border-top-color: rgba(0,0,0,0.1);
-    font-weight: 600;
     background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);
     background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);
-    background-repeat: repeat-x;
+    border-bottom: none;
-    font-size: 12px;
+    border-right-color: rgba(255,255,255,0.15);
-    margin-top: 0;
+    border-top-color: rgba(255,255,255,0.05);
 }
 
 .navbar-pf .navbar-primary li.dropdown.context > a {
 	padding-right: 12px;
 }
 
+.navbar-pf .navbar-primary > li > a {
+	color: #fff !important;
+}
+
 .navbar-pf .navbar-primary li.dropdown.context > a:hover,
 .navbar-pf .navbar-primary li.dropdown.context.open > a,
 .navbar-pf .navbar-primary > .active > a:hover {
@@ -61,15 +64,15 @@ body {
     background-repeat: repeat-x;
 }
 
-.navbar-pf .navbar-nav > li > a {
+.navbar-pf .navbar-utility li.dropdown > .dropdown-toggle {
     border-left: none;
-    padding-top: 12px;
+    padding-top: 11px;
     padding-bottom: 11px;
     color: #fff !important;
 }
 
 .navbar-pf .navbar-utility li.dropdown > .dropdown-toggle .pficon-user {
-	top: 11px;
+	top: 10px;
 }
 
 .navbar-pf .navbar-utility > li > a:hover,
@@ -78,12 +81,12 @@ body {
     background-color: rgba(0,0,0,0.2);
 }
 
-#content, #content-area {
+html, body, body > .container, #view {
-    background-color: #FFFFFF;
+    height: 100%;
 }
 
-html, body, body > .container, #view, #content-area{
+body > .container {
-    height: 100%;
+	height: calc(100% - 80px);
 }
 
 #content .glyphicon {
@@ -141,7 +144,9 @@ th.kc-table-actions {
     border-color: #CECECE;
     border-style: solid;
     border-width: 0 1px;
-    padding: 0;
+    padding: 0 0 40px;
+    background-color: #fff;
+    min-height: 100%;
 }
 
 #content-area > * {
@@ -171,15 +176,6 @@ header .navbar {
     margin-bottom: 0;
 }
 
-.navbar-pf .navbar-title {
-    color: #ddd;
-    margin: .3em .4em;
-    padding: 0;
-    font-size: inherit;
-    font-size: 1.3em;
-    text-transform: uppercase;
-}
-
 #idletimeout {
     background: #CC5100;
     color: #FFFFFF;

admin-ui/src/main/resources/META-INF/resources/admin/index.html

@@ -67,9 +67,7 @@
 </div>
 
 <header class="navbar navbar-default navbar-pf navbar-main header">
-    <div class="container">
     <div data-ng-include data-src="'partials/menu.html'"></div>
-    </div>
 </header>
 
 <div class="container">

admin-ui/src/main/resources/META-INF/resources/admin/index_mock.html

@@ -67,7 +67,6 @@
 </div>
 
 <header class="navbar navbar-default navbar-pf navbar-main header">
-    <div class="container">
     <nav id="kc-navigation" class="navbar" role="navigation">
         <div class="navbar-header">
             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
@@ -151,8 +150,6 @@
             </ul>
         </div>
     </nav>
-
-    </div>
 </header>
 
 <div class="container">

admin-ui/src/main/resources/META-INF/resources/admin/partials/menu.html

@@ -6,7 +6,7 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
         </button>
-        <h1 class="navbar-title"></h1>
+        <h1 class="navbar-title">Keycloak</h1>
     </div>
     <div class="collapse navbar-collapse navbar-collapse-1">
         <ul class="nav navbar-nav navbar-utility" data-ng-show="auth.loggedIn">

forms/common-themes/src/main/resources/theme/account/base/template.ftl

@@ -19,7 +19,6 @@
 <body class="admin-console user ${bodyClass}">
 
     <header class="navbar navbar-default navbar-pf navbar-main header">
-        <div class="container">
         <div>
             <nav class="navbar" role="navigation">
                 <div class="navbar-header">
@@ -35,7 +34,6 @@
                 </div>
             </nav>
         </div>
-        </div>
     </header>
 
     <div class="container">