keycloak-uncached

Alert log out message customization

10/30/2013 3:25:59 PM

Details

diff --git a/admin-ui/src/main/resources/META-INF/resources/admin/index.html b/admin-ui/src/main/resources/META-INF/resources/admin/index.html
index b953e92..9487218 100755
--- a/admin-ui/src/main/resources/META-INF/resources/admin/index.html
+++ b/admin-ui/src/main/resources/META-INF/resources/admin/index.html
@@ -5,12 +5,6 @@
     <meta charset="utf-8">
     <title>Keycloak</title>
 
-    <style type="text/css">
-        #idletimeout { background:#CC5100; border:3px solid #FF6500; color:#fff; font-family:arial, sans-serif; text-align:center; font-size:12px; padding:10px; position:relative; top:0px; left:0; right:0; z-index:100000; display:none; }
-        #idletimeout a { color:#fff; font-weight:bold }
-        #idletimeout span { font-weight:bold }
-    </style>
-
     <link rel="icon" href="/auth-server/admin-ui/img/favicon.ico">
 
     <!-- Frameworks -->
@@ -59,7 +53,7 @@
 
 <body class="admin-console" data-ng-controller="GlobalCtrl">
 <div id="idletimeout">
-    You will be logged off in <span></span>&nbsp;seconds due to inactivity.
+    You will be logged off in <strong><span></span> seconds</strong> due to inactivity.
     <a id="idletimeout-resume" href="#">Click here to continue using this web page</a>.
 </div>
 
diff --git a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.css b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.css
index 791dbe0..ac7c867 100644
--- a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.css
+++ b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.css
@@ -43,7 +43,22 @@ body {
   background-image: url(img/feedback-info-sign.png);
   background-color: #e4f3fa;
 }
+#idletimeout {
+  background: #CC5100;
+  color: #FFFFFF;
+  font-size: 1.1em;
+  padding: 0.90909090909091em;
+  text-align: center;
+  display: none;
+}
+#idletimeout a {
+  color: #fff;
+  font-weight: bold;
+}
 /* Header */
+.header.rcue {
+  z-index: 50;
+}
 .header.rcue .navbar.utility {
   background-color: #393F45;
   border-bottom: 1px solid #53565B;
diff --git a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.less b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.less
index c26b72b..d9b3d79 100644
--- a/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.less
+++ b/admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.less
@@ -60,11 +60,27 @@ body {
     }
 }
 
+#idletimeout {
+    background: #CC5100;
+    color: #FFFFFF;
+    font-size: 1.1em;
+    padding: 0.90909090909091em;
+    text-align: center;
+    display: none;
+    
+    a {
+        color: #fff;
+        font-weight: bold;
+    }
+}
+
 
 /* Header */
 
 .header.rcue {
 
+    z-index: 50;
+
     .navbar.utility {
         background-color: #393F45;
         border-bottom: 1px solid #53565B;