From 6f4c61de42ac09acb9235bc461931b3539bdf348 Mon Sep 17 00:00:00 2001
From: pete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544>
Date: Fri, 3 Oct 2008 18:19:28 +0000
Subject: updated messaging system with 'click to dismiss' and moved it's
 position to not overlap the top toolbar

git-svn-id: https://code.elgg.org/elgg/trunk@2181 36083f99-b078-4883-b0ff-0f9b5a30f544
---
 views/default/css.php                    | 16 +++++-----------
 views/default/messages/errors/list.php   | 10 ++++++++--
 views/default/messages/messages/list.php | 11 ++++++++---
 3 files changed, 21 insertions(+), 16 deletions(-)

(limited to 'views')

diff --git a/views/default/css.php b/views/default/css.php
index ceb22ded3..0da9d8be2 100644
--- a/views/default/css.php
+++ b/views/default/css.php
@@ -639,18 +639,14 @@ h6 { font-size: 0.8em; }
     color:#000000;
     padding:3px 10px 3px 10px;
     z-index: 9999;
-	/* border:1px solid #00cc00; */
-    /* margin:20px 20px 0px 20px; */
-    /* position:absolute; */
-    /* width:611px; */
-    /* width:936px; */
 	margin:0;
 	position:fixed;
-	top:0px;
+	top:30px;
 	width:969px;
 	-webkit-border-radius: 4px; 
 	-moz-border-radius: 4px;
 	border:4px solid #00CC00;
+	cursor: pointer;
 }
 .messages_error {
     border:4px solid #D3322A;
@@ -658,15 +654,13 @@ h6 { font-size: 0.8em; }
     color:#000000;
     padding:3px 10px 3px 10px;
     z-index: 9999;
-    /* margin:20px 20px 0px 20px; */
-    /* position:absolute; */
-    /* width:936px; */
 	margin:0;
 	position:fixed;
-	top:0px;
+	top:30px;
 	width:969px;
 	-webkit-border-radius: 4px; 
 	-moz-border-radius: 4px;
+	cursor: pointer;
 }
 .closeMessages {
 	float:right;
@@ -675,7 +669,7 @@ h6 { font-size: 0.8em; }
 .closeMessages a {
 	color:#666666;
 	cursor: pointer;
-	text-decoration: underline;
+	text-decoration: none;
 	font-size: 80%;
 }
 .closeMessages a:hover {
diff --git a/views/default/messages/errors/list.php b/views/default/messages/errors/list.php
index fc7b7d9d9..28cd2b053 100644
--- a/views/default/messages/errors/list.php
+++ b/views/default/messages/errors/list.php
@@ -20,7 +20,7 @@
 <!-- used to fade out the system messages after 3 seconds -->
 <script>
 $(document).ready(function () {
-	$('.messages_error').animate({top:"3px", opacity: 1.0}, 1000); 
+	$('.messages_error').animate({top:"30px", opacity: 1.0}, 1000); 
 	$('.messages_error').animate({opacity: 1.0}, 6000);
 	$('.messages_error').fadeOut('slow');
       
@@ -29,12 +29,18 @@ $(document).ready(function () {
 		$('.messages_error').fadeOut('slow');
 	return false;
     });
+    
+	$('div.messages_error').click(function () {
+		$(".messages_error").stop();
+		$('.messages_error').fadeOut('slow');
+	return false;
+    });
 
 });  
 </script>
 
 	<div class="messages_error">
-	<span class="closeMessages"><a href="#">dismiss message</a></span>
+	<span class="closeMessages"><a href="#">click to dismiss</a></span>
 
 <?php
 			foreach($vars['object'] as $error) {
diff --git a/views/default/messages/messages/list.php b/views/default/messages/messages/list.php
index 02825b705..c09bcff89 100644
--- a/views/default/messages/messages/list.php
+++ b/views/default/messages/messages/list.php
@@ -20,7 +20,7 @@
 <!-- used to fade out the system messages after 3 seconds -->
 <script>
 $(document).ready(function () {
-	$('.messages').animate({top:"3px", opacity: 1.0}, 1000); 
+	$('.messages').animate({top:"30px", opacity: 1.0}, 1000); 
 	$('.messages').animate({opacity: 1.0}, 6000);
 	$('.messages').fadeOut('slow');
       
@@ -29,12 +29,17 @@ $(document).ready(function () {
 		$('.messages').fadeOut('slow');
 	return false;
     });
-
+    
+	$('div.messages').click(function () {
+		$(".messages").stop();
+		$('.messages').fadeOut('slow');
+	return false;
+    });
 });  
 </script>
 
 	<div class="messages">
-	<span class="closeMessages"><a href="#">dismiss message</a></span>
+	<span class="closeMessages"><a href="#">click to dismiss</a></span>
 <?php
 
 		
-- 
cgit v1.2.3