fix(mantine): make EllipsisText style more adaptable

coveo · Nov 11, 2024 · 08e9492 · 08e9492
1 parent 31da72a
commit 08e9492
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/mantine/src/components/ellipsis-text/EllipsisText.module.css b/packages/mantine/src/components/ellipsis-text/EllipsisText.module.css
@@ -1,3 +1,8 @@
+.root {
+    display: flex;
+    width: 100%;
+}
+
 .noWrap {
     white-space: nowrap;
 }

diff --git a/packages/mantine/src/components/ellipsis-text/EllipsisText.tsx b/packages/mantine/src/components/ellipsis-text/EllipsisText.tsx
@@ -66,14 +66,14 @@ export const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref)
                 }
             }}
             onMouseLeave={() => setShowTooltip(false)}
-            display="flex"
-            w="100%"
             className={clsx(rootClass, {[classes.noWrap]: !lineClamp})}
             {...rootStyles}
             {...others}
         >
             <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>
                 <Text
+                    span
+                    inherit
                     variant={variant}
                     ref={textRef}
                     className={clsx(textClass, {[classes.ellipsis]: !lineClamp})}