namespace card - add noSpan option to Tooltip

the span makes the title too big, and is not needed here

Author: himdel

src/components/cards/namespace-card.tsx

@@ -70,11 +70,11 @@ export const NamespaceCard = ({ namespace, namespaceURL }: IProps) => {
           />
         </CardHeaderMain>
       </CardHeader>
-      <Tooltip content={title}>
+      <Tooltip content={title} noSpan>
         <CardTitle>{getDescription(title, MAX_DESCRIPTION_LENGTH)}</CardTitle>
       </Tooltip>
       {title !== name ? (
-        <Tooltip content={name}>
+        <Tooltip content={name} noSpan>
           <CardBody>{getDescription(name, MAX_DESCRIPTION_LENGTH)}</CardBody>
         </Tooltip>
       ) : null}

src/components/patternfly-wrappers/tooltip.tsx

@@ -4,12 +4,13 @@ import React, { ReactNode } from 'react';
 interface IProps {
   children: ReactNode;
   content: string | ReactNode;
+  noSpan?: boolean;
   position?: string | TooltipPosition;
 }
 
-// wraps Tooltip to add a span wrap so that disabled elements still get tooltips
-export const Tooltip = ({ content, children, position }: IProps) => (
+// wraps Tooltip to add an optional span wrap so that disabled elements still get tooltips
+export const Tooltip = ({ content, children, noSpan, position }: IProps) => (
   <PFTooltip content={content} position={position as TooltipPosition}>
-    <span>{children}</span>
+    {noSpan ? <>{children}</> : <span>{children}</span>}
   </PFTooltip>
 );