Add TransitionContainer using ReactXP animations

2 files changed, 0 insertions, 92 deletions

diff --git a/app/assets/css/style.css b/app/assets/css/style.css
index 5021d7d1a9..7d667f67e3 100644
--- a/app/assets/css/style.css
+++ b/app/assets/css/style.css
@@ -3,7 +3,6 @@
 @import 'fonts.css';
 @import 'global.css';
 @import 'buttons.css';
-@import 'transitions.css';
 
 /* app */
 @import '../../components/PlatformWindow.css';
diff --git a/app/assets/css/transitions.css b/app/assets/css/transitions.css
deleted file mode 100644
index 239be5b63b..0000000000
--- a/app/assets/css/transitions.css
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * CSS rules for transitions using React-router and CSSTransitionGroup
- */
-
-div[class*="-transition-leave"], div[class*="-transition-enter"] {
-  /* keep animated .layout divs pinned to viewport boundaries */
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100vw;
-
-  /* disable UI interaction during transitions */
-  pointer-events: none;
-}
-
-.transition-container {
-  position: relative;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-/* New view slides bottom top */
-
-.slide-up-transition-leave { z-index: 0; }
-.slide-up-transition-enter {
-  transform: translateY(100vh);
-  z-index: 1;
-}
-
-.slide-up-transition-enter.slide-up-transition-enter-active {
-  transform: translateY(0);
-  transition: transform 450ms ease;
-}
-
-/* New view slides top bottom */
-
-.slide-down-transition-enter { z-index: 0; }
-.slide-down-transition-leave {
-  transform: translateY(0);
-  z-index: 1;
-}
-
-.slide-down-transition-leave.slide-down-transition-leave-active {
-  transform: translateY(100vh);
-  transition: transform 450ms ease;
-}
-
-/* New view slids right to left */
-
-.push-transition-leave {
-  transform: translateX(0vw);
-  z-index: 0;
-}
-
-.push-transition-enter {
-  transform: translateX(100vw);
-  z-index: 1;
-}
-
-.push-transition-leave.push-transition-leave-active {
-  transform: translateX(-50vw);
-  transition: transform 450ms ease;
-}
-
-.push-transition-enter.push-transition-enter-active {
-  transform: translateX(0);
-  transition: transform 450ms ease;
-}
-
-/* New view slides left to right */
-
-.pop-transition-enter {
-  transform: translateX(-50vw);
-  z-index: 0;
-}
-
-.pop-transition-leave {
-  transform: translateX(0);
-  z-index: 1;
-}
-
-.pop-transition-enter.pop-transition-enter-active {
-  transform: translateX(0vw);
-  transition: transform 450ms ease;
-}
-
-.pop-transition-leave.pop-transition-leave-active {
-  transform: translateX(100vw);
-  transition: transform 450ms ease;
-}
\ No newline at end of file