feat(tooltip): use multiline ellipsis of Text component

channel-io · Jan 2, 2024 · 9c86788 · 9c86788
1 parent a564146
commit 9c86788
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 18 deletions.
diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss b/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss
@@ -1,5 +1,3 @@
-@use "../../styles/mixins/typography";
-
 @layer components {
   .Tooltip {
     z-index: var(--z-index-tooltip);
@@ -22,7 +20,6 @@
     }
 
     .content {
-      @include typography.ellipsis(20, var(--font-line-height-18));
       white-space: pre-wrap;
     }
   }

diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.tsx b/packages/bezier-react/src/components/Tooltip/Tooltip.tsx
@@ -302,6 +302,7 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip
                 <Text
                   color="txt-black-darkest"
                   className={styles.content}
+                  truncated={20}
                   typo="13"
                 >
                   { content }

diff --git a/packages/bezier-react/src/styles/mixins/_typography.scss b/packages/bezier-react/src/styles/mixins/_typography.scss