From 57ac1d6916263d00cc3386aeec9069c7b9736a48 Mon Sep 17 00:00:00 2001
From: Antonio Terceiro <terceiro@colivre.coop.br>
Date: Fri, 9 Apr 2010 15:09:31 -0300
Subject: [PATCH] Better notification box

---
 app/views/shared/noosfero_layout_features.rhtml |  5 ++---
 public/designs/themes/base/style.css            | 13 ++-----------
 public/stylesheets/application.css              | 21 +++++++++++++--------
 3 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/app/views/shared/noosfero_layout_features.rhtml b/app/views/shared/noosfero_layout_features.rhtml
index 84657bc..4e52433 100644
--- a/app/views/shared/noosfero_layout_features.rhtml
+++ b/app/views/shared/noosfero_layout_features.rhtml
@@ -2,9 +2,8 @@
       <div id="notice" onclick="Element.hide('notice');" style="display:none">
         <%= flash[:notice] %>
         <%= javascript_tag(
-          visual_effect( :appear,    'notice', :duration => 0.5, :queue => :end ) +
-          visual_effect( :highlight, 'notice', :duration => 3, :queue => :end ) +
-          visual_effect( :fade,      'notice', :duration => 1.5, :queue => :end )
+          visual_effect( :appear,    'notice', :duration => 1.5, :to => 0.8, :queue => :end ) +
+          'setTimeout(function() { %s }, 5000)' % visual_effect( :fade,      'notice', :duration => 1.0, :from => 0.8, :queue => :end )
         ) %>
       </div>
     <% end %>
diff --git a/public/designs/themes/base/style.css b/public/designs/themes/base/style.css
index 12b4a01..0beb69c 100644
--- a/public/designs/themes/base/style.css
+++ b/public/designs/themes/base/style.css
@@ -327,19 +327,10 @@ div.no_media_panel {
 }
 
 div#notice {
-  background-color: #ffd;
-  color: black;
-  border: 1px solid #d3d7cf;
-  -moz-border-radius: 5px;
-
-  position: absolute;
-  top: 33px;
-  left: 10px;
-  margin-left: 0px;
-  padding: 5px;
+  right: 50%;
+  margin-right: -470px;
 }
 
-
 /* ==> blocks.css <== */
 
 .block a {
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 5ab0754..2fb4e53 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -126,17 +126,22 @@ a img {
   top: 200px;
 }
 
-/* Notice */ 
+/* Notice box */
 
 div#notice {
-  z-index: 20;
+  background-color: #000;
+  color: white;
+  -moz-border-radius: 15px;
+  font-size: 16px;
+  font-weight: bold;
+  z-index: 100000;
+  padding: 10px;
+
+  width: 300px;
+  min-height: 60px;
   position: absolute;
-  top: 100px;
-  left: 50%;
-  margin-left: -200px;
-  width: 400px;
-  border: 1px solid #ddd;
-  background: #ffd;
+  top: 30px;
+  right: 30px;
 }
 
 /* * * Generic Content Formating * * */
--
libgit2 0.21.2