aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorpete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544>2008-10-03 18:19:28 +0000
committerpete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544>2008-10-03 18:19:28 +0000
commit6f4c61de42ac09acb9235bc461931b3539bdf348 (patch)
tree102d5f632c445edc96016d271dda590431c6449b
parent99f68895e5b04e32a50a6a429b3809a741fc049f (diff)
downloadelgg-6f4c61de42ac09acb9235bc461931b3539bdf348.tar.gz
elgg-6f4c61de42ac09acb9235bc461931b3539bdf348.tar.bz2
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
-rw-r--r--views/default/css.php16
-rw-r--r--views/default/messages/errors/list.php10
-rw-r--r--views/default/messages/messages/list.php11
3 files changed, 21 insertions, 16 deletions
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