|
|
|
@ -8,7 +8,7 @@ export function CustomTooltip({ children, placement, tooltipId, tooltipClasses, |
|
|
|
|
|
|
|
|
|
if (typeof tooltipText !== 'string') { |
|
|
|
|
const newTooltipText = React.cloneElement(tooltipText, { |
|
|
|
|
className: " bg-secondary text-wrap " |
|
|
|
|
className: " bg-secondary text-wrap p-1 " |
|
|
|
|
}) |
|
|
|
|
tooltipText = newTooltipText |
|
|
|
|
} |
|
|
|
@ -19,8 +19,8 @@ export function CustomTooltip({ children, placement, tooltipId, tooltipClasses, |
|
|
|
|
placement={placement} |
|
|
|
|
overlay={ |
|
|
|
|
<Popover id={`popover-positioned-${placement}`}> |
|
|
|
|
<Popover.Content id={!tooltipId ? `${tooltipText}Tooltip` : tooltipId} style={{minWidth: "fit-content"}} className={"text-wrap bg-secondary w-100" + tooltipClasses}> |
|
|
|
|
{typeof tooltipText === 'string' ? (<span className={"text-wrap bg-secondary p-1 " + {tooltipTextClasses}}>{tooltipText}</span>) : (tooltipText)} |
|
|
|
|
<Popover.Content id={!tooltipId ? `${tooltipText}Tooltip` : tooltipId} style={{minWidth: "fit-content"}} className={"text-wrap p-1 bg-secondary w-100" + tooltipClasses}> |
|
|
|
|
{typeof tooltipText === 'string' ? (<span className={"text-wrap p-1 bg-secondary " + {tooltipTextClasses}}>{tooltipText}</span>) : (tooltipText)} |
|
|
|
|
</Popover.Content> |
|
|
|
|
</Popover> |
|
|
|
|
} |
|
|
|
|