Fix css syntax to remove console warning

oasisprotocol · Feb 23, 2024 · 34a17d6 · 34a17d6
1 parent b9e9215
commit 34a17d6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/.changelog/1293.bugfix.md b/.changelog/1293.bugfix.md
@@ -0,0 +1 @@
+Show LongDataDisplay controls only when needed
diff --git a/src/app/components/LongDataDisplay/index.tsx b/src/app/components/LongDataDisplay/index.tsx
@@ -66,8 +66,8 @@ export const LongDataDisplay: FC<{ data: string; fontWeight?: number; collapsedL
           lineHeight: `${lineHeight}px`,
           overflowWrap: 'anywhere',
           display: '-webkit-box',
-          '-webkit-line-clamp': isExpanded ? 'none' : `${collapsedLinesNumber}`, // keep it as string to avoid MUI adding px
-          '-webkit-box-orient': 'vertical',
+          WebkitLineClamp: isExpanded ? 'none' : collapsedLinesNumber,
+          WebkitBoxOrient: 'vertical',
         }}
       >
         {data}