fix: fix ellipsis content component styles (#489)

clevercanary · Nov 22, 2023 · ac0d450 · ac0d450
1 parent 8ac7028
commit ac0d450
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/packages/data-explorer-ui/src/components/common/EllipsisContent/ellipsisContent.styles.ts b/packages/data-explorer-ui/src/components/common/EllipsisContent/ellipsisContent.styles.ts
@@ -1,3 +1,4 @@
+import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { ButtonTextPrimary } from "../Button/components/ButtonTextPrimary/buttonTextPrimary";
 
@@ -8,12 +9,13 @@ interface Props {
 
 export const Content = styled("div")<Props>`
   ${({ isEllipsis, maxLineCount }) =>
-    `
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
-    -webkit-line-clamp: ${isEllipsis ? maxLineCount : "unset"};
-    overflow: hidden;
-  `}
+    isEllipsis &&
+    css`
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      -webkit-line-clamp: ${maxLineCount};
+      overflow: hidden;
+    `}
 `;
 
 export const Button = styled(ButtonTextPrimary)`