diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-10 02:06:22 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-10 02:06:22 +0800 |
| commit | df91d343154bced69be86f7af4c4c702286cfd16 (patch) | |
| tree | 35a540b849c38ce72a2b5bd5aedcc23f2b72ef6d /packages/instant/src/components/sliding_panel.tsx | |
| parent | d703c13f8eca7f7139581468e86cf6d2fa067c1e (diff) | |
| parent | b4a11de097258d37fa9271e64fc28a1d012a8d26 (diff) | |
| download | dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.gz dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.bz2 dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.lz dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.xz dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.zst dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.zip | |
Merge branch 'development' into feature/instant/buy-quote-heartbeat
Diffstat (limited to 'packages/instant/src/components/sliding_panel.tsx')
| -rw-r--r-- | packages/instant/src/components/sliding_panel.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/packages/instant/src/components/sliding_panel.tsx b/packages/instant/src/components/sliding_panel.tsx index 7ef28e09c..9d16f9560 100644 --- a/packages/instant/src/components/sliding_panel.tsx +++ b/packages/instant/src/components/sliding_panel.tsx @@ -30,7 +30,9 @@ export const Panel: React.StatelessComponent<PanelProps> = ({ title, children, o <Icon width={12} color={ColorOption.lightGrey} icon="closeX" onClick={onClose} /> </Container> </Flex> - <Container marginTop="10px">{children}</Container> + <Container marginTop="10px" height="100%"> + {children} + </Container> </Container> ); @@ -51,6 +53,7 @@ export const SlidingPanel: React.StatelessComponent<SlidingPanelProps> = props = from: slideAmount, to: '0px', }, + position: 'absolute', }; const slideDownSettings: PositionAnimationSettings = { duration: '0.3s', @@ -59,13 +62,14 @@ export const SlidingPanel: React.StatelessComponent<SlidingPanelProps> = props = from: '0px', to: slideAmount, }, + position: 'absolute', }; return ( <SlideAnimation - position="absolute" slideInSettings={slideUpSettings} slideOutSettings={slideDownSettings} animationState={animationState} + height="100%" > <Panel {...rest} /> </SlideAnimation> |