fix(plate): fixed --arrow-transform var, tuned transition (#509)

core-ds · Feb 16, 2021 · dd51018 · dd51018
1 parent 74990da
commit dd51018
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/plate/src/index.module.css b/packages/plate/src/index.module.css
@@ -72,11 +72,11 @@
 .content {
     max-height: 300vh;
     overflow: hidden;
-    transition: max-height 3s ease-in-out;
+    transition: max-height 2s ease-in-out;
 
     &.isFolded {
         max-height: 0;
-        transition: max-height 1.5s cubic-bezier(0, 1, 0, 1);
+        transition: max-height 1s cubic-bezier(0, 1, 0, 1);
     }
 }
 
@@ -116,8 +116,9 @@
 .folder {
     background: var(--plate-arrow-icon) center no-repeat;
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
+    transform: var(--arrow-transform);
 
     &.isFolded {
-        transform: var(--arrow-transform);
+        transform: rotate(0deg);
     }
 }
diff --git a/packages/themes/src/default.css b/packages/themes/src/default.css
@@ -14,5 +14,5 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
     --disabled-cursor: not-allowed;
-    --arrow-transform: rotateX(180deg);
+    --arrow-transform: rotate(180deg);
 }