From 8b66f12225a046c768e18991eb33beb6df7a5d43 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Thu, 27 Oct 2011 18:47:59 +0000
Subject: [PATCH] See ChangeLog.

Monotone-Parent: 7687ea3a86932c857758b36d555fd71f5ad1ecb5
Monotone-Revision: 826c26c2f6f34d0cea46bfa5fc4827ec833f3b9d

Monotone-Author: flachapelle@inverse.ca
Monotone-Date: 2011-10-27T18:47:59
---
 ChangeLog                              |  5 +++++
 UI/WebServerResources/SOGoRootPage.css |  4 +---
 UI/WebServerResources/SOGoRootPage.js  | 10 +++++-----
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/ChangeLog b/ChangeLog
index 12181dbeb..973be8575 100644
--- a/ChangeLog
+++ b/ChangeLog
@@ -1,3 +1,8 @@
+2011-10-27  Francis Lachapelle  <flachapelle@inverse.ca>
+
+	* UI/WebServerResources/SOGoRootPage.js (initLogin): added sliding
+	effect to about box.
+
 2011-10-26  Francis Lachapelle  <flachapelle@inverse.ca>
 
 	* SoObjects/SOGo/SQLSource.m
diff --git a/UI/WebServerResources/SOGoRootPage.css b/UI/WebServerResources/SOGoRootPage.css
index 9d0af4184..a8aa75659 100644
--- a/UI/WebServerResources/SOGoRootPage.css
+++ b/UI/WebServerResources/SOGoRootPage.css
@@ -15,12 +15,10 @@ DIV#aboutBox
 { position: absolute;
   z-index: 1000;
   left: 0px;
+  top: 30px;
   width: 100%;
   text-align: center; }
   
-DIV#aboutBox IMG
-{ margin-top: 20px; }
-
 DIV#aboutBox DIV
 { background-color: #fff;
   border: 1px solid #222;
diff --git a/UI/WebServerResources/SOGoRootPage.js b/UI/WebServerResources/SOGoRootPage.js
index 6d214d2a5..2ac4436a0 100644
--- a/UI/WebServerResources/SOGoRootPage.js
+++ b/UI/WebServerResources/SOGoRootPage.js
@@ -16,13 +16,13 @@ function initLogin() {
     var about = $("about");
     if (about) {
         about.observe("click", function(event) {
-                                  $("aboutBox").show();
-                                  event.stop() });
-
+                if (!$("aboutBox").visible())
+                    Effect.SlideDown("aboutBox", { queue: { position: 'end', scope: 'aboutscope', limit: 2 } });
+                event.stop(); });
         var aboutClose = $("aboutClose");
         aboutClose.observe("click", function(event) {
-                                  $("aboutBox").hide();
-                                  event.stop() });
+                Effect.SlideUp("aboutBox", { duration: 2.0, queue: { position: 'end', scope: 'aboutscope', limit: 2 } });
+                event.stop() });
     }
 
     var submit = $("submit");