Eoxia#16 [Blocks] add: Accordion block change toggle icon

eoxia-amandine · Oct 24, 2024 · 8c8e579 · 8c8e579
1 parent 0ea5b3b
commit 8c8e579
Show file tree

Hide file tree

Showing 10 changed files with 16 additions and 16 deletions.
diff --git a/blocks/build/accordion/index.asset.php b/blocks/build/accordion/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n', 'wp-primitives'), 'version' => 'dfd431d76258f50b9b4d');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n', 'wp-primitives'), 'version' => 'a9726c820cd1a3452ab9');
diff --git a/blocks/build/accordion/index.js b/blocks/build/accordion/index.js
diff --git a/blocks/build/accordion/index.js.map b/blocks/build/accordion/index.js.map
diff --git a/blocks/build/accordion/render.php b/blocks/build/accordion/render.php
@@ -25,7 +25,7 @@
 					$title,
 					esc_attr( $titleTag )
 				); ?>
-				<span class="eo-accordion__header-toggle dashicons dashicons-plus-alt2"></span>
+				<span class="eo-accordion__header-toggle dashicons dashicons-arrow-right-alt2"></span>
 			</div>
 			<?php if ( ! empty( $subtitle ) ) : ?>
 				<div class="eo-accordion__subtitle"><?php echo esc_html( $subtitle ); ?></div>

diff --git a/blocks/build/accordion/style-index-rtl.css b/blocks/build/accordion/style-index-rtl.css
@@ -42,11 +42,11 @@
   font-weight: 700;
 }
 .wp-block-eo-accordion .eo-accordion__header .eo-accordion__header-container .eo-accordion__header-toggle {
-  transition: transform 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
+  transition: transform 0.2s ease-out;
 }
 .wp-block-eo-accordion .eo-accordion__header .eo-accordion__header-container .eo-accordion__header-toggle::before {
   opacity: 0.4;
-  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
+  transition: all 0.2s ease-out;
   transform-origin: center;
 }
 .wp-block-eo-accordion .eo-accordion__inner {
@@ -60,7 +60,7 @@
   margin-bottom: 0;
 }
 .wp-block-eo-accordion .eo-accordion__main-container.eo-accordion__active .eo-accordion__header-toggle {
-  transform: rotate(-45deg);
+  transform: rotate(-90deg);
 }
 .wp-block-eo-accordion .eo-accordion__main-container:not(.eo-accordion__active) .eo-accordion__inner {
   opacity: 0;

diff --git a/blocks/build/accordion/style-index.css b/blocks/build/accordion/style-index.css
diff --git a/blocks/build/accordion/style-index.css.map b/blocks/build/accordion/style-index.css.map
diff --git a/blocks/src/accordion/edit.js b/blocks/src/accordion/edit.js
@@ -110,7 +110,7 @@ export default function Edit( { attributes, setAttributes } ) {
 							onChange={(title) => setAttributes({title})}
 							placeholder={ __( 'Title', 'eo-blocks' ) }
 						/>
-						<span className="eo-accordion__header-toggle dashicons dashicons-plus-alt2"></span>
+						<span className="eo-accordion__header-toggle dashicons dashicons-arrow-right-alt2"></span>
 					</div>
 
 					<RichText

diff --git a/blocks/src/accordion/render.php b/blocks/src/accordion/render.php
@@ -25,7 +25,7 @@
 					$title,
 					esc_attr( $titleTag )
 				); ?>
-				<span class="eo-accordion__header-toggle dashicons dashicons-plus-alt2"></span>
+				<span class="eo-accordion__header-toggle dashicons dashicons-arrow-right-alt2"></span>
 			</div>
 			<?php if ( ! empty( $subtitle ) ) : ?>
 				<div class="eo-accordion__subtitle"><?php echo esc_html( $subtitle ); ?></div>

diff --git a/blocks/src/accordion/scss/style.scss b/blocks/src/accordion/scss/style.scss
@@ -46,13 +46,13 @@ $media__mobile: 599px;
 				font-weight: 700;
 			}
 			.eo-accordion__header-toggle {
-				transition: transform 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
+				transition: transform 0.2s ease-out;
 			}
 			.eo-accordion__header-toggle::before {
 				//width: 15px;
 				//fill: rgba(0,0,0,1);
 				opacity: 0.4;
-				transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
+				transition: all 0.2s ease-out;
 				transform-origin: center;
 			}
 		}
@@ -72,7 +72,7 @@ $media__mobile: 599px;
 
 	.eo-accordion__main-container.eo-accordion__active {
 		.eo-accordion__header-toggle {
-			transform: rotate(45deg);
+			transform: rotate(90deg);
 		}
 	}
 	.eo-accordion__main-container:not(.eo-accordion__active) {