Implement wrapper for accordion content to allow animation of panel w…

…ith grid rows
eighteen73 · Sep 30, 2024 · 3ab65d5 · 3ab65d5
1 parent 54a8019
commit 3ab65d5
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 7 deletions.
diff --git a/dist/accordion-item/index.asset.php b/dist/accordion-item/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-url'), 'version' => '9002d527be62535085b0');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-url'), 'version' => '6b9f9337a6f9d4643766');
diff --git a/dist/accordion-item/index.js b/dist/accordion-item/index.js
diff --git a/dist/accordion-item/render.php b/dist/accordion-item/render.php
@@ -40,7 +40,9 @@ class="wp-block-pulsar-accordion__title"
 			aria-labelledby="<?php echo esc_attr( $attributes['id'] ); ?>-title"
 			class="wp-block-pulsar-accordion__panel"
 		>
-			<?php echo $content; // phpcs:disable ?>
+			<div class="wp-block-pulsar-accordion__panel-inner">
+				<?php echo $content; // phpcs:disable ?>
+			</div>
 		</div>
 	</div>
 <?php endif; ?>
diff --git a/pulsar-blocks.php b/pulsar-blocks.php
@@ -4,7 +4,7 @@
  * Description:       A collection of blocks we use at eighteen73.
  * Requires at least: 6.3
  * Requires PHP:      7.4
- * Version:           0.8.1
+ * Version:           0.8.2
  * Author:            eighteen73
  * License:           GPL-2.0-or-later
  * License URI:       https://www.gnu.org/licenses/gpl-2.0.html

diff --git a/src/accordion-item/edit.js b/src/accordion-item/edit.js
@@ -41,7 +41,7 @@ export default function Edit({ attributes, setAttributes, clientId, context }) {
 
 	const innerBlocksProps = useInnerBlocksProps(
 		{
-			className: 'wp-block-pulsar-accordion__panel',
+			className: 'wp-block-pulsar-accordion__panel-inner',
 		},
 		{
 			orientation: 'vertical',
@@ -67,7 +67,9 @@ export default function Edit({ attributes, setAttributes, clientId, context }) {
 				</button>
 			</TagName>
 
-			<div {...innerBlocksProps}></div>
+			<div className="wp-block-pulsar-accordion__panel">
+				<div {...innerBlocksProps}></div>
+			</div>
 		</div>
 	);
 }
diff --git a/src/accordion-item/render.php b/src/accordion-item/render.php
@@ -40,7 +40,9 @@ class="wp-block-pulsar-accordion__title"
 			aria-labelledby="<?php echo esc_attr( $attributes['id'] ); ?>-title"
 			class="wp-block-pulsar-accordion__panel"
 		>
-			<?php echo $content; // phpcs:disable ?>
+			<div class="wp-block-pulsar-accordion__panel-inner">
+				<?php echo $content; // phpcs:disable ?>
+			</div>
 		</div>
 	</div>
 <?php endif; ?>