From 556b9e97b9dbc6b3ea27abd4c3aa9658d02ce053 Mon Sep 17 00:00:00 2001
From: Doug Bell <doug@plainblack.com>
Date: Mon, 2 Aug 2010 15:56:28 -0500
Subject: [PATCH] make the info message box pretty

---
 lib/WebGUI/Admin.pm        |  4 +++-
 www/extras/admin/admin.css | 17 +++++++++++++++++
 www/extras/admin/admin.js  |  9 ++++++---
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/lib/WebGUI/Admin.pm b/lib/WebGUI/Admin.pm
index e4ed8df4a..1b5f73e1a 100644
--- a/lib/WebGUI/Admin.pm
+++ b/lib/WebGUI/Admin.pm
@@ -428,7 +428,9 @@ __DATA__
 </dl>
 
 <div id="wrapper" class="yui-skin-sam">
-    <div id="infoMessage" style="display: none"></div>
+    <div id="infoMessageContainer" style="display: none" >
+        <div id="infoMessage" style="background-image: url(^Extras(icon/information.png););"></div>
+    </div>
     <div id="versionTag" style="display: none">
         <div style="float: right">
             <a href="#" target="view" id="publishTag">Publish (i18n)</span>
diff --git a/www/extras/admin/admin.css b/www/extras/admin/admin.css
index b7aa26e13..7c7498022 100644
--- a/www/extras/admin/admin.css
+++ b/www/extras/admin/admin.css
@@ -120,3 +120,20 @@ a:link {
     background-repeat:  no-repeat;
     background-position: 0 50%;
 }
+
+#infoMessageContainer {
+    position:       absolute;
+    left:           30%;
+    top:            0px;
+    width:          35%;
+    overflow:       hidden;
+}
+
+#infoMessage {
+    width:          100%;
+    height:         100%;
+    background-color: #ccf;
+    background-position: 0 50%;
+    background-repeat: no-repeat;
+    padding-left:   20px;
+}
diff --git a/www/extras/admin/admin.js b/www/extras/admin/admin.js
index 1b32d1e1b..e6053f5bf 100644
--- a/www/extras/admin/admin.js
+++ b/www/extras/admin/admin.js
@@ -521,7 +521,10 @@ WebGUI.Admin.prototype.showInfoMessage
 
     var info    = document.getElementById( 'infoMessage' );
     info.innerHTML = message;
-    info.style.display = "block";
+
+    var infoContainer   = document.getElementById( 'infoMessageContainer' );
+    infoContainer.style.height   = WebGUI.Admin.getRealHeight( infoContainer );
+    infoContainer.style.display  = "block";
 
     this.infoMessageTimeout = setTimeout( this.hideInfoMessage, 3000 );
 };
@@ -532,8 +535,8 @@ WebGUI.Admin.prototype.showInfoMessage
  */
 WebGUI.Admin.prototype.hideInfoMessage
 = function ( ) {
-    var info = document.getElementById( 'infoMessage' );
-    info.style.display = "none";
+    var infoContainer   = document.getElementById( 'infoMessageContainer' );
+    infoContainer.style.display  = "none";
 };
 
 /****************************************************************************