Parcourir la source

Merge pull request #739 from EmmanuelVella/collapsed-fields

Animate collapsed form fields
Thomas il y a 13 ans
Parent
commit
516937e1d7
2 fichiers modifiés avec 13 ajouts et 3 suppressions
  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
      */
     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) {
             event.preventDefault();
 
             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');
-        }).click();
+        });
     },
 
     stopEvent: function(event) {

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

@@ -255,5 +255,14 @@ body.sonata-bc {
 }
 
 .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;
 }