From d02e6100db72535299e840bae074ac0bc299a75e Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Tue, 15 Dec 2020 20:35:23 -0700
Subject: [PATCH] Add animation for the expand-from-left animation

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

diff --git a/web/src/css/transitions.css b/web/src/css/transitions.css
index 0b543dd..12f5002 100644
--- a/web/src/css/transitions.css
+++ b/web/src/css/transitions.css
@@ -9,6 +9,33 @@
 
 
 
+.expand-from-left-enter-active {
+	animation: expand-from-left 1s;
+	transform-origin: left;
+}
+.expand-from-left-leave-active {
+	animation: shrink-to-left 1s;
+	transform-origin: left;
+}
+@keyframes expand-from-left {
+	0% {
+		transform: scaleX(0);
+	}
+	100% {
+		transform: scaleX(1);
+	}
+}
+@keyframes shrink-to-left {
+	0% {
+		transform: scaleX(1);
+	}
+	100% {
+		transform: scaleX(0);
+	}
+}
+
+
+
 /* Transition for modal card appearing disappearing */
 .burst-enter-active {
 	animation: burst-in .5s;