Improve suggestions anim

raindropio · May 8, 2024 · 75eac25 · 75eac25
1 parent a175d97
commit 75eac25
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/co/bookmarks/edit/form/collection/suggested.module.styl b/src/co/bookmarks/edit/form/collection/suggested.module.styl
@@ -4,7 +4,7 @@
     overflow: hidden
     min-height: calc(var(--icon-size) + var(--padding-small))
     max-height: calc(var(--icon-size) + var(--padding-small))
-    transition: opacity .5s ease-in-out, transform .2s ease-in-out, max-height .2s ease-in-out, min-height .2s ease-in-out
+    transition: opacity .3s ease-in, max-height .2s ease-out, min-height .2s ease-out
 
     &:hover:not(:empty) {
         transition-delay: .2s
@@ -13,7 +13,6 @@
 
     &:empty {
         opacity: 0
-        transform: translateY(2px)
 
         &[data-is-new='false'] {
             min-height: 0

diff --git a/src/co/bookmarks/edit/form/tags/suggested.module.styl b/src/co/bookmarks/edit/form/tags/suggested.module.styl
@@ -4,7 +4,7 @@
     overflow: hidden
     min-height: calc(var(--icon-size) + var(--padding-small))
     max-height: calc(var(--icon-size) + var(--padding-small))
-    transition: opacity .5s ease-in-out, transform .2s ease-in-out, max-height .2s ease-in-out, min-height .2s ease-in-out
+    transition: opacity .3s ease-in, max-height .2s ease-out, min-height .2s ease-out
 
     &:hover:not(:empty) {
         transition-delay: .2s
@@ -13,7 +13,6 @@
 
     &:empty {
         opacity: 0
-        transform: translateY(5px)
         min-height: 0
         max-height: 0
     }