Only hide fields that are the direct decendent of the valid matrix bl…

…ock. Goes some way to helping #7
doublesecretagency · Aug 29, 2018 · eae4ad3 · eae4ad3
1 parent 3bc6f2c
commit eae4ad3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/assetbundles/spoon/dist/css/Spoon.css b/src/assetbundles/spoon/dist/css/Spoon.css
@@ -69,14 +69,14 @@ body.rtl .buttons-spooned > .btn, body.rtl .buttons-spooned > .btngroup { margin
  */
 
 /* hide all matrix block fields */
-.matrix-field .matrixblock .fields {
+.matrix-field > .blocks > .matrixblock > .fields {
     -webkit-opacity: 0;
     -moz-opacity: 0;
     opacity: 0;
 }
 
 /* don’t break blocks that don’t need spooning */
-.matrixblock.matrixblock-not-spooned .fields {
+.matrixblock.matrixblock-not-spooned > .fields {
     -webkit-opacity: 1 !important;
     -moz-opacity: 1 !important;
     opacity: 1 !important;

diff --git a/src/assetbundles/spoon/dist/js/FieldManipulator.js b/src/assetbundles/spoon/dist/js/FieldManipulator.js
@@ -338,7 +338,7 @@
 
                     // Make our own fields container and hide the native one, but keep its height
                     var $spoonedFields = $('<div class="spoon-fields"/>').css({ 'opacity' : 0 }).appendTo($matrixBlock),
-                        $fields = $matrixBlock.find('.fields');
+                        $fields = $matrixBlock.find('> .fields');
                     $fields.css({ 'opacity' : 0 });
 
                     // Wait a bit for the add block animation to finish