fix(lsg): remove z-index from elements, clean up patterns

meetalva · Dec 14, 2017 · f699040 · f699040
1 parent 229dcef
commit f699040
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/src/lsg/patterns/element/index.tsx b/src/lsg/patterns/element/index.tsx
@@ -55,7 +55,6 @@ const StyledElementLabel = styled.div`
 	align-items: center;
 	color: ${colors.black.toString()};
 	position: relative;
-	z-index: 10;
 
 	${(props: StyledElementLabelProps) =>
 		props.active
@@ -74,7 +73,6 @@ const StyledElementLabel = styled.div`
 
 const StyledPlaceholder = styled.div`
 	position: relative;
-	z-index: 15;
 	height: 10px;
 	width: 100%;
 	margin-top: -5px;
@@ -90,15 +88,15 @@ const StyledPlaceholder = styled.div`
 		left: 0;
 		top: 0;
 		background: ${colors.grey90.toString()};
-		transform: scale(1, 0);
+		transform: scaleY(0);
 		transition: transform 0.2s;
 	}
 
 	${(props: StyledPlaceholder) =>
 		props.highlightPlaceholder
 			? `
 			&:after {
-				transform: scale(1,1);
+				transform: scaleY(1);
 			}
 		`
 			: ''};

diff --git a/src/lsg/patterns/icons/index.tsx b/src/lsg/patterns/icons/index.tsx
@@ -4,8 +4,8 @@ import styled from 'styled-components';
 
 export enum IconName {
 	Arrow,
-    ArrowFill,
-    Robo
+	ArrowFill,
+	Robo
 }
 export interface IconRegistryProps {
 	names: typeof IconName;
@@ -39,10 +39,10 @@ const icons: { readonly [key: string]: JSX.Element[][] | JSX.Element[] } = {
 	[IconName.Arrow]: [
 		[<path key="arrow" d="M17.5 12l-8.486 8.485L7.6 19.071 14.671 12 7.6 4.929l1.414-1.414z" />]
 	],
-    [IconName.ArrowFill]: [
+	[IconName.ArrowFill]: [
 		[<path key="arrowFill" d="M8 4l8 8-8 8z" />]
 	],
-    [IconName.Robo]: [
+	[IconName.Robo]: [
 		[<path key="robo" d="M0 0h24v24H0V0zm15 5v5h5V5h-5zM4 20h16v-1H4v1zM4 5v5h5V5H4z" />]
 	]
 };