Update featured card to secondary styling

patternfly · Apr 8, 2024 · 17c18c5 · 17c18c5
1 parent a63fe8c
commit 17c18c5
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 3 deletions.
diff --git a/packages/module/patternfly-docs/content/examples/catalogTile.css b/packages/module/patternfly-docs/content/examples/catalogTile.css
@@ -1,6 +1,3 @@
-.ws-react-e-catalog-tile .catalog-tile-pf.featured {
-  border-top: 2px solid var(--pf-t--global--border--color--brand--default);
-}
 .ws-react-e-catalog-tile .catalog-tile-pf:active, .ws-react-e-catalog-tile .catalog-tile-pf:hover, .ws-react-e-catalog-tile .catalog-tile-pf:focus, .ws-react-e-catalog-tile .catalog-tile-pf:visited {
   color: inherit;
   text-decoration: none;

diff --git a/packages/module/src/components/CatalogTile/CatalogTile.tsx b/packages/module/src/components/CatalogTile/CatalogTile.tsx
@@ -113,6 +113,7 @@ export class CatalogTile extends React.Component<CatalogTileProps> {
         id={id || this.generatedId}
         href={href || '#'}
         className={css('catalog-tile-pf', { featured }, className)}
+        variant={featured ? 'secondary' : 'default'}
         isClickable={!!onClick}
         {...props}
       >