feat(lsg): add hover state to element

meetalva · Dec 14, 2017 · 92e4c10 · 92e4c10
1 parent 8ba5705
commit 92e4c10
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/lsg/patterns/element/index.tsx b/src/lsg/patterns/element/index.tsx
@@ -44,6 +44,7 @@ export interface StyledPlaceholder {
 
 const StyledElement = styled.div`
 	cursor: default;
+    position: relative;
 `;
 
 const StyledElementLabel = styled.div`
@@ -56,11 +57,20 @@ const StyledElementLabel = styled.div`
 	color: ${colors.black.toString()};
 	position: relative;
 
+    &:hover {
+        background: ${colors.grey90.toString()};
+    }
+
+
 	${(props: StyledElementLabelProps) =>
 		props.active
 			? `
 				color: ${colors.white.toString()};
 				background: ${colors.blue.toString()};
+
+                &:hover {
+                    background: ${colors.blue.toString()};
+                }
 			`
 			: ''};
 	${(props: StyledElementLabelProps) =>