瀏覽代碼

Merge pull request #739 from EmmanuelVella/collapsed-fields

Animate collapsed form fields
Thomas 13 年之前
父節點
當前提交
516937e1d7
共有 2 個文件被更改,包括 13 次插入3 次删除
  1. 3 2
      Resources/public/base.js
  2. 10 1
      Resources/public/css/layout.css

+ 3 - 2
Resources/public/base.js

@@ -81,14 +81,15 @@ var Admin = {
      * @param subject
      * @param subject
      */
      */
     add_collapsed_toggle: function(subject) {
     add_collapsed_toggle: function(subject) {
+        jQuery('fieldset.sonata-ba-fielset-collapsed div.sonata-ba-collapsed-fields').hide();
         jQuery('fieldset legend a.sonata-ba-collapsed', subject).live('click', function(event) {
         jQuery('fieldset legend a.sonata-ba-collapsed', subject).live('click', function(event) {
             event.preventDefault();
             event.preventDefault();
 
 
             var fieldset = jQuery(this).closest('fieldset');
             var fieldset = jQuery(this).closest('fieldset');
 
 
-            jQuery('div.sonata-ba-collapsed-fields', fieldset).toggle();
+            jQuery('div.sonata-ba-collapsed-fields', fieldset).slideToggle();
             fieldset.toggleClass('sonata-ba-collapsed-fields-close');
             fieldset.toggleClass('sonata-ba-collapsed-fields-close');
-        }).click();
+        });
     },
     },
 
 
     stopEvent: function(event) {
     stopEvent: function(event) {

+ 10 - 1
Resources/public/css/layout.css

@@ -255,5 +255,14 @@ body.sonata-bc {
 }
 }
 
 
 .bordered-table tbody.ui-sortable tr {
 .bordered-table tbody.ui-sortable tr {
-	cursor: move;	
+	cursor: move;
+}
+
+.sonata-ba-fielset-collapsed legend:before {
+    content: '+ ';
+}
+
+.sonata-ba-collapsed-fields-close legend:before {
+    content: '- ';
+    padding-left: 5px;
 }
 }