feat(leg): rotate arrow when element is open

meetalva · Dec 14, 2017 · 7c55977 · 7c55977
1 parent f72b27c
commit 7c55977
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/lsg/patterns/element/index.tsx b/src/lsg/patterns/element/index.tsx
@@ -114,6 +114,9 @@ const StyledIcon = styled(Icon)`
 	fill: ${colors.grey36.toString()};
     width: 12px;
     height: 12px;
+    transition: transform 0.2s;
+    
+    ${(props: StyledIconProps) => (props.open ? 'transform: rotate(90deg)' : '')};
 `;
 
 const Element: React.StatelessComponent<ElementProps> = props => {
@@ -162,6 +165,7 @@ const Element: React.StatelessComponent<ElementProps> = props => {
 						name={IconName.ArrowFill}
 						size={IconSize.XXS}
 						color={colors.grey70}
+                        open={open}
 					/>
 				)}
 				{title}