feat: refactor animation code

1 files changed, 8 insertions, 2 deletions

diff --git a/packages/instant/src/components/zero_ex_instant_container.tsx b/packages/instant/src/components/zero_ex_instant_container.tsx
index ded0d075e..c8d5235c8 100644
--- a/packages/instant/src/components/zero_ex_instant_container.tsx
+++ b/packages/instant/src/components/zero_ex_instant_container.tsx
@@ -4,16 +4,16 @@ import { LatestBuyQuoteOrderDetails } from '../containers/latest_buy_quote_order
 import { LatestError } from '../containers/latest_error';
 import { SelectedAssetBuyOrderStateButtons } from '../containers/selected_asset_buy_order_state_buttons';
 import { SelectedAssetInstantHeading } from '../containers/selected_asset_instant_heading';
-
 import { ColorOption } from '../style/theme';
 import { zIndex } from '../style/z_index';
 
+import { Panel } from './panel';
 import { Container, Flex } from './ui';
 
 export interface ZeroExInstantContainerProps {}
 
 export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantContainerProps> = props => (
-    <Container width="350px">
+    <Container width="350px" position="relative">
         <Container zIndex={zIndex.errorPopup} position="relative">
             <LatestError />
         </Container>
@@ -23,6 +23,7 @@ export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantConta
             backgroundColor={ColorOption.white}
             borderRadius="3px"
             hasBoxShadow={true}
+            overflow="hidden"
         >
             <Flex direction="column" justify="flex-start">
                 <SelectedAssetInstantHeading />
@@ -31,6 +32,11 @@ export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantConta
                     <SelectedAssetBuyOrderStateButtons />
                 </Container>
             </Flex>
+            {/* <Container position="absolute" left="0px" bottom="0px" width="100%" height="100%">
+                <SlideAnimationHelper direction="up" downY="200px">
+                    <Panel> Hey </Panel>
+                </SlideAnimationHelper>
+            </Container> */}
         </Container>
     </Container>
 );