[Jifty-commit] r5920 - in JiftyX-ExpenseApp/trunk: . lib/Jifty/Plugin/ExpenseApp
Jifty commits
jifty-commit at lists.jifty.org
Fri Oct 10 12:50:04 EDT 2008
Author: gugod
Date: Fri Oct 10 12:50:03 2008
New Revision: 5920
Modified:
JiftyX-ExpenseApp/trunk/ (props changed)
JiftyX-ExpenseApp/trunk/lib/Jifty/Plugin/ExpenseApp/View.pm
JiftyX-ExpenseApp/trunk/share/web/static/css/jiftyx_expenseapp.css
Log:
r24491 at yra: gugod | 2008-10-10 14:31:17 +0800
Tweaking the UI.
Modified: JiftyX-ExpenseApp/trunk/lib/Jifty/Plugin/ExpenseApp/View.pm
==============================================================================
--- JiftyX-ExpenseApp/trunk/lib/Jifty/Plugin/ExpenseApp/View.pm (original)
+++ JiftyX-ExpenseApp/trunk/lib/Jifty/Plugin/ExpenseApp/View.pm Fri Oct 10 12:50:03 2008
@@ -21,9 +21,26 @@
};
template '/=/x/_expenses' => sub {
+
div {
class is "create";
+ with(
+ href => "#",
+ id => "expense-create-form-toggler",
+ ), a {
+ _("Toggle the display of this form.")
+ };
+ with(type=>"text/javascript"), script {
+ outs_raw(<<EOS);
+
+ jQuery("#expense-create-form-toggler").bind("click", function() {
+ jQuery(".expenseapp .create form").slideToggle("fast");
+ });
+
+EOS
+ };
+
my $action = get('create_action');
form {
render_action( $action );
Modified: JiftyX-ExpenseApp/trunk/share/web/static/css/jiftyx_expenseapp.css
==============================================================================
--- JiftyX-ExpenseApp/trunk/share/web/static/css/jiftyx_expenseapp.css (original)
+++ JiftyX-ExpenseApp/trunk/share/web/static/css/jiftyx_expenseapp.css Fri Oct 10 12:50:03 2008
@@ -1,18 +1,27 @@
+.expenseapp .create {
+ background: #ffc;
+ margin: 5px 0;
+ padding: 12px;
+
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+}
+
.expenseapp .list table {
width: 100%;
+ border-collapse: collapse;
}
-.expenseapp .list table td {
+.expenseapp .list table th {
padding: 5px;
+ background: #fcc;
+ border: 1px solid #999;
}
-.expenseapp .create {
- background: #ffc;
- margin: 5px 0;
- padding: 12px 0;
-
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
+.expenseapp .list table td {
+ padding: 5px;
+ text-align: center;
+ border: 1px solid #999;
}
.expenseapp .list table tr:nth-child(2n) {
More information about the Jifty-commit
mailing list