[Jifty-commit] r1462 - in jifty/trunk: . lib/Jifty

[jifty-commit at lists.jifty.org]

Author: trs
Date: Mon Jul  3 18:19:20 2006
New Revision: 1462

Added:
   jifty/trunk/share/web/static/css/notices.css
Modified:
   jifty/trunk/   (props changed)
   jifty/trunk/lib/Jifty/Web.pm
   jifty/trunk/share/web/static/css/main.css

Log:
 r13664 at zot:  tom | 2006-07-03 18:18:03 -0400
 Provide a "Dismiss" link for errors and messages.  Add some basic notifcation CSS.


Modified: jifty/trunk/lib/Jifty/Web.pm
==============================================================================
--- jifty/trunk/lib/Jifty/Web.pm	(original)
+++ jifty/trunk/lib/Jifty/Web.pm	Mon Jul  3 18:19:20 2006
@@ -763,6 +763,8 @@
 
         my $plural = $type . "s";
         $self->out(qq{<div id="$plural">});
+        $self->out(qq[<a id="dismiss_$plural" href="#"
+                         onclick="Effect.DropOut(this.parentNode); return false;">Dismiss</a>]);
         foreach my $moniker ( @monikers ) {
             if ( $results{$moniker}->$type() ) {
                 $self->out( qq{<div class="$type $moniker">}

Modified: jifty/trunk/share/web/static/css/main.css
==============================================================================
--- jifty/trunk/share/web/static/css/main.css	(original)
+++ jifty/trunk/share/web/static/css/main.css	Mon Jul  3 18:19:20 2006
@@ -10,3 +10,4 @@
 @import "app.css";
 @import "autocomplete.css";
 @import "yui/calendar/calendar.css";
+ at import "notices.css";

Added: jifty/trunk/share/web/static/css/notices.css
==============================================================================
--- (empty file)
+++ jifty/trunk/share/web/static/css/notices.css	Mon Jul  3 18:19:20 2006
@@ -0,0 +1,39 @@
+/* IE can't handle this nicely w/ AJAX validation */
+
+html>body .message {
+    background: url(/static/images/silk/information.png) no-repeat center left;
+    padding-left: 20px;
+}
+
+html>body .error {
+    background: url(/static/images/silk/error.png) no-repeat center left;
+    padding-left: 20px;
+}
+
+.error {
+    color: #a00000;
+}
+
+div#messages,  div#errors {
+     background-color: rgb(240,234,183);
+     border: 1px solid rgb(230,224,173);
+     margin-top: 10px;
+     margin-bottom: 10px;
+     padding: 5px 20px 5px 5px;
+     font-size: 1.2em;
+     position: relative;
+}
+
+#dismiss_messages,
+#dismiss_errors
+{
+    padding-left: 16px;
+    background: url(/static/images/silk/cancel.png) no-repeat;
+    position: absolute;
+    top: 1px;
+    right: 1px;
+    width: 0;
+    display: block;
+    text-indent: -9999em;
+}
+