From a849af8a48ac9346ff0da92b4c643cd66dfd855b Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Fri, 30 Nov 2018 10:25:36 -0800
Subject: feat: implement multi token select component

---
 packages/website/ts/components/ui/container.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'packages/website/ts/components/ui/container.tsx')

diff --git a/packages/website/ts/components/ui/container.tsx b/packages/website/ts/components/ui/container.tsx
index cd0ed9986..4b76ce8be 100644
--- a/packages/website/ts/components/ui/container.tsx
+++ b/packages/website/ts/components/ui/container.tsx
@@ -9,6 +9,7 @@ type StringOrNum = string | number;
 export type ContainerTag = 'div' | 'span';
 
 export interface ContainerProps {
+    margin?: string;
     marginTop?: StringOrNum;
     marginBottom?: StringOrNum;
     marginRight?: StringOrNum;
@@ -48,7 +49,9 @@ export interface ContainerProps {
     id?: string;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     overflowX?: 'scroll' | 'hidden' | 'auto' | 'visible';
+    overflowY?: 'scroll' | 'hidden' | 'auto' | 'visible';
     shouldDarkenOnHover?: boolean;
+    hasBoxShadow?: boolean;
     shouldAddBoxShadowOnHover?: boolean;
 }
 
@@ -62,6 +65,7 @@ export const PlainContainer: React.StatelessComponent<ContainerProps> = props =>
         onClick,
         shouldDarkenOnHover,
         shouldAddBoxShadowOnHover,
+        hasBoxShadow,
         // tslint:disable-next-line:trailing-comma
         ...style
     } = props;
@@ -74,6 +78,8 @@ export const PlainContainer: React.StatelessComponent<ContainerProps> = props =>
 };
 
 export const Container = styled(PlainContainer)`
+    box-sizing: border-box;
+    ${props => (props.hasBoxShadow ? `box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)` : '')};
     &:hover {
         ${props =>
             props.shouldDarkenOnHover
-- 
cgit 

