Merge pull request #283 from vigvamapp/fix-tooltip-overflow

Fixed tooltip overflowing
wigwamapp · Aug 11, 2022 · 6dac892 · 6dac892
2 parents 866eab1 + 3ddca91
commit 6dac892
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/app/components/blocks/overview/NftInfo.tsx b/src/app/components/blocks/overview/NftInfo.tsx
@@ -161,7 +161,7 @@ const NftInfo: FC = () => {
                   {preparedId && (
                     <CopiableTooltip
                       content={preparedId}
-                      textToCopy={preparedId}
+                      textToCopy={tokenId}
                       followCursor
                       plugins={[followCursor]}
                       className={classNames(

diff --git a/src/app/components/elements/Tooltip.tsx b/src/app/components/elements/Tooltip.tsx
@@ -53,7 +53,7 @@ const Tooltip: FC<TooltipProps> = ({
       }
       interactive={interactive ?? size === "large"}
       appendTo={overflowElement ?? document.body}
-      maxWidth={maxWidth ?? (size === "large" ? "18rem" : "none")}
+      maxWidth={maxWidth ?? "18rem"}
       placement={placement ?? (size === "large" ? "right-start" : "bottom")}
       hideOnClick={hideOnClick}
       className="pointer-events-auto"
@@ -101,6 +101,7 @@ const getSizeClasses = (size: sizeType) =>
     .otherwise(() =>
       classNames(
         "rounded-md",
+        "overflow-hidden truncate",
         "bg-brand-main/20 backdrop-blur-[6px]",
         IS_FIREFOX && "!bg-[#414356]/[.98]",
         "py-1 px-3"