Fix to show tooltip on explore card badges (#3328)

opendatahub-io · Oct 15, 2024 · c4ae140 · c4ae140
1 parent 064abe9
commit c4ae140
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/components/OdhCard.scss b/frontend/src/components/OdhCard.scss
@@ -40,6 +40,10 @@
       visibility: hidden;
     }
 
+    &.odh-m-selectable {
+      z-index: 1;
+      cursor: pointer;
+    }
     &.odh-m-doc {
       border-color: var(--pf-v5-global--BackgroundColor--light-300);
       display: flex;

diff --git a/frontend/src/components/OdhExploreCard.tsx b/frontend/src/components/OdhExploreCard.tsx
@@ -39,6 +39,7 @@ const OdhExploreCard: React.FC<OdhExploreCardProps> = ({
   const cardClasses = classNames('odh-card', { 'm-disabled': disabled });
   const badgeClasses = classNames('odh-card__partner-badge', {
     'm-hidden': odhApp.spec.support === ODH_PRODUCT_NAME,
+    'odh-m-selectable': !disabled,
   });
 
   return (
@@ -64,7 +65,7 @@ const OdhExploreCard: React.FC<OdhExploreCardProps> = ({
                   <FlexItem className="odh-card__coming-soon">Coming soon</FlexItem>
                 )}
                 {!odhApp.spec.comingSoon && odhApp.spec.category && (
-                  <FlexItem className={badgeClasses}>
+                  <FlexItem className={badgeClasses} onClick={disabled ? undefined : onSelect}>
                     <OdhExploreCardTypeBadge category={odhApp.spec.category} />
                   </FlexItem>
                 )}