feat: animate search options entrance

2021-03-10 17:26:21 +01:00
parent 24c5dba4e9
commit c6c8d842da
2 changed files with 18 additions and 1 deletions
--- a/app/assets/stylesheets/_ui.scss
+++ b/app/assets/stylesheets/_ui.scss
@@ -97,6 +97,23 @@ $screen-md-max:              ($screen-lg-min - 1) !default;
  justify-self: flex-start;
 }

+.animate-slide-in-top {
+  animation: slide-in-top .1s ease-out;
+}
+
+@keyframes slide-in-top {
+  0% {
+    opacity: 0;
+    transform: translateY(-40%);
+  }
+  75% {
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(0%);
+  }
+}
+
 .m-0 {
  margin: 0;
 }