From 67849abfeb184cdea6f23365ce0a69567b25327e Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Thu, 31 Dec 2020 12:57:52 -0700
Subject: [PATCH] Add top-slide animation

---
 web/src/css/transitions.css | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/web/src/css/transitions.css b/web/src/css/transitions.css
index 12f5002..3b2d5a3 100644
--- a/web/src/css/transitions.css
+++ b/web/src/css/transitions.css
@@ -9,6 +9,33 @@
 
 
 
+/* Transition for modal card appearing disappearing */
+.top-slide-enter-active {
+	animation: top-slide-in 1s;
+}
+.top-slide-leave-active { animation: top-slide-out 1s; }
+
+@keyframes top-slide-in {
+	0% {
+		transform: translateY(-100%);
+	}
+	100% {
+		transform: translateY(0);
+	}
+}
+
+@keyframes top-slide-out {
+	0% {
+		transform: translateY(0);
+	}
+	100% {
+		transform: translateY(-100%);
+	}
+}
+
+
+
+/* Transition for past questions expanding in */
 .expand-from-left-enter-active {
 	animation: expand-from-left 1s;
 	transform-origin: left;
@@ -61,7 +88,6 @@
 }
 
 
-
 @media only screen and (min-width: 768px) {
 	@keyframes burst-in {
 		0% {