fix: avoid jumping heights via text-overflow: ellipsis

meetalva · May 4, 2018 · ebc9a43 · ebc9a43
1 parent b4925b0
commit ebc9a43
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/lsg/patterns/element/index.tsx b/src/lsg/patterns/element/index.tsx
@@ -197,9 +197,12 @@ const StyledIcon = styled(Icon)`
 
 const LabelContent = styled.div`
 	box-sizing: border-box;
-	width: 100%;
 	margin-left: ${getSpace(Size.XXL) - 3}px;
+	overflow: hidden;
 	padding: ${getSpace(Size.XS)}px ${getSpace(Size.L)}px ${getSpace(Size.XS)}px 3px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 100%;
 `;
 
 const StyledSeamlessInput = styled.input`