diff --git a/packages/module/patternfly-docs/content/examples/catalogTile.css b/packages/module/patternfly-docs/content/examples/catalogTile.css index e219c30..3182ade 100644 --- a/packages/module/patternfly-docs/content/examples/catalogTile.css +++ b/packages/module/patternfly-docs/content/examples/catalogTile.css @@ -2,6 +2,9 @@ color: var(--pf-t--global--text--color--regular); text-decoration: none; } +.ws-react-e-catalog-tile .pf-v6-c-card__header-main { + display: flex; +} .ws-react-e-catalog-tile .catalog-tile-pf-header .catalog-tile-pf-subtitle { color: var(--pf-t--global--text--color--subtle); font-size: var(--pf-t--global--font--size--body--sm); diff --git a/packages/module/sass/react-catalog-view-extension/_catalog-tile.scss b/packages/module/sass/react-catalog-view-extension/_catalog-tile.scss index d73c3e1..2fdc287 100644 --- a/packages/module/sass/react-catalog-view-extension/_catalog-tile.scss +++ b/packages/module/sass/react-catalog-view-extension/_catalog-tile.scss @@ -11,6 +11,10 @@ text-decoration: none; } + .pf-v6-c-card__header-main { + display: flex; + } + .pf-v6-c-card__actions { padding-left: 5px; } diff --git a/packages/module/src/components/CatalogTile/CatalogTile.tsx b/packages/module/src/components/CatalogTile/CatalogTile.tsx index 71fd1ad..229ce39 100644 --- a/packages/module/src/components/CatalogTile/CatalogTile.tsx +++ b/packages/module/src/components/CatalogTile/CatalogTile.tsx @@ -119,7 +119,6 @@ export class CatalogTile extends React.Component { > {(badges.length > 0 || iconImg || iconClass || icon || onClick || href) && ( 0 && this.renderBadges(badges), hasNoOffset: true }} selectableActions={ (onClick || href) && { selectableActionId: id + '-input', onClickAction: (e) => this.handleClick(e), @@ -129,6 +128,7 @@ export class CatalogTile extends React.Component { > {iconImg && {iconAlt}} {!iconImg && (iconClass || icon) && {icon}} + {badges.length > 0 && this.renderBadges(badges)} )} diff --git a/packages/module/src/components/CatalogTile/__snapshots__/CatalogTile.test.tsx.snap b/packages/module/src/components/CatalogTile/__snapshots__/CatalogTile.test.tsx.snap index a354aa4..9b81139 100644 --- a/packages/module/src/components/CatalogTile/__snapshots__/CatalogTile.test.tsx.snap +++ b/packages/module/src/components/CatalogTile/__snapshots__/CatalogTile.test.tsx.snap @@ -13,7 +13,7 @@ exports[`CatalogTile href renders properly 1`] = ` class="pf-v6-c-card__header" >
-
-
+
@@ -335,13 +332,6 @@ exports[`CatalogTile renders properly 1`] = `
-
- -
+
+
+
+
-
-
-