[DEV-11281] Removed redundant braces, updated transform transition on…

… caret icon
prezly · Aug 11, 2023 · 0b79ac2 · 0b79ac2
1 parent b212c59
commit 0b79ac2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/packages/slate-editor/src/components/Accordion/Accordion.module.scss b/packages/slate-editor/src/components/Accordion/Accordion.module.scss
@@ -29,7 +29,7 @@
 
 .icon {
     fill: $white;
-    transition: transform 0.3s ease-in;
+    transition: transform 0.1s ease-in-out;
 
     &.open {
         transform: rotate(180deg);

diff --git a/packages/slate-editor/src/components/Accordion/Accordion.tsx b/packages/slate-editor/src/components/Accordion/Accordion.tsx
@@ -21,13 +21,11 @@ export function Accordion({ title, children }: Props) {
         <div className={styles.Accordion}>
             <button className={styles.button} onClick={toggleOpen}>
                 <span>{title}</span>
-                {
-                    <Caret
-                        className={classNames(styles.icon, {
-                            [styles.open]: isOpen,
-                        })}
-                    />
-                }
+                <Caret
+                    className={classNames(styles.icon, {
+                        [styles.open]: isOpen,
+                    })}
+                />
             </button>
             <div
                 className={classNames(styles.content, {