Merge pull request #129 from MacPaw/fix/fixed-incorrect-custom-size-f…

…or-tooltip fix: incorrect custom size for tooltip
MacPaw · Jun 12, 2023 · 4788d25 · 4788d25
2 parents 85d7acf + 3f5dfa4
commit 4788d25
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@macpaw/macpaw-ui",
-  "version": "4.12.0",
+  "version": "4.13.0",
   "main": "lib/ui.js",
   "scripts": {
     "dev": "next -p 1234",

diff --git a/src/Tooltip/Tooltip.scss b/src/Tooltip/Tooltip.scss
@@ -13,7 +13,7 @@
     transition: all 0.1s linear;
 
     &.-custom-width {
-      min-width: max-content;
+      min-width: min-content;
       max-width: auto;
     }
   }

diff --git a/src/Tooltip/Tooltip.tsx b/src/Tooltip/Tooltip.tsx
@@ -21,7 +21,7 @@ const Tooltip: React.FC<React.PropsWithChildren<Tooltip>> = ({
   forceHide,
   openOnClick = false,
 }) => {
-  const messageStyles = maxWidth ? ({ width: maxWidth } as React.CSSProperties) : {};
+  const messageStyles = maxWidth ? ({ width: maxWidth, maxWidth } as React.CSSProperties) : {};
 
   const arrowRef = useRef(null);
   const [isOpen, setIsOpen] = useState(false);