🐛 Typography: Fix line clamp bug for styled v6 (#3193)

equinor · Dec 21, 2023 · de11397 · de11397
1 parent 5d7e1c1
commit de11397
Showing 1 changed file with 6 additions and 9 deletions.
diff --git a/packages/eds-core-react/src/components/Typography/Typography.tsx b/packages/eds-core-react/src/components/Typography/Typography.tsx
@@ -85,16 +85,13 @@ const StyledTypography = styled.p<StyledProps>`
   ${({ $typography, $link }) => typographyTemplate($typography, $link)}
   ${({ $color }) => css({ color: findColor($color) })}
   ${({ $lines }) =>
-    //https://caniuse.com/#feat=css-line-clamp
-    $lines > 0 &&
+    $lines &&
     css`
-      & {
-        display: -webkit-box;
-        -webkit-line-clamp: ${$lines};
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
+      display: -webkit-box;
+      -webkit-line-clamp: ${$lines};
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      text-overflow: ellipsis;
     `}
   ${({ $link }) =>
     $link &&