diff --git a/src/gitops/components/application/ApplicationSyncStatusTab.tsx b/src/gitops/components/application/ApplicationSyncStatusTab.tsx index 63924780f..c4052acc1 100644 --- a/src/gitops/components/application/ApplicationSyncStatusTab.tsx +++ b/src/gitops/components/application/ApplicationSyncStatusTab.tsx @@ -344,7 +344,7 @@ export const useResourceColumnsDV = (getSortParams: (columnIndex: number) => ThP cell: '', props: { 'aria-label': 'actions', - className: 'dropdown-kebab-pf pf-c-table__action', + className: 'dropdown-kebab-pf pf-v6-c-table__action', }, }, ]; @@ -410,7 +410,7 @@ const useResourceRowsDV = ( ), props: { style: { paddingTop: 8, paddingRight: 0, paddingLeft: 0, width: 10 }, - className: 'dropdown-kebab-pf pf-c-table__action', + className: 'dropdown-kebab-pf pf-v6-c-table__action', }, }, ]); diff --git a/src/gitops/components/application/Conditions/ConditionsPopover.tsx b/src/gitops/components/application/Conditions/ConditionsPopover.tsx index d04fc5967..a9dc423b0 100644 --- a/src/gitops/components/application/Conditions/ConditionsPopover.tsx +++ b/src/gitops/components/application/Conditions/ConditionsPopover.tsx @@ -24,7 +24,7 @@ export const ConditionsPopover: React.FC = ({ conditions headerContent={
Application Conditions
} bodyContent={
-
+
A list of currently observed application conditions
@@ -38,7 +38,7 @@ export const ConditionsPopover: React.FC = ({ conditions > {conditions.map((condition) => ( - {condition.message} + {condition.message} ))} diff --git a/src/gitops/components/application/History/History.scss b/src/gitops/components/application/History/History.scss index 2ee63721a..7aea2958d 100644 --- a/src/gitops/components/application/History/History.scss +++ b/src/gitops/components/application/History/History.scss @@ -1,5 +1,5 @@ .gitops-plugin__history-id-column { - --pf-c-table--cell--Width: 140px; - --pf-c-table--cell--MinWidth: 140px; - --pf-c-table--cell--MaxWidth: 300px + --pf-v6-c-table--cell--Width: 140px; + --pf-v6-c-table--cell--MinWidth: 140px; + --pf-v6-c-table--cell--MaxWidth: 300px } \ No newline at end of file diff --git a/src/gitops/components/application/application-details-title.scss b/src/gitops/components/application/application-details-title.scss index 9f26ff358..39bd1bb7f 100644 --- a/src/gitops/components/application/application-details-title.scss +++ b/src/gitops/components/application/application-details-title.scss @@ -12,7 +12,7 @@ } // Breadcrumb styles -.pf-c-breadcrumb.co-breadcrumb { +.pf-v6-c-breadcrumb.co-breadcrumb { padding: var(--pf-v6-global--spacer--md) var(--pf-v6-global--spacer--lg); background-color: var(--pf-v6-global--BackgroundColor--100); border-bottom: 1px solid var(--pf-v6-global--BorderColor--100); diff --git a/src/gitops/components/imageupdater/imageupdater-list.scss b/src/gitops/components/imageupdater/imageupdater-list.scss index aaae535e5..d380d857f 100644 --- a/src/gitops/components/imageupdater/imageupdater-list.scss +++ b/src/gitops/components/imageupdater/imageupdater-list.scss @@ -1,6 +1,6 @@ // Prevent vertical text wrapping in Name and Namespace columns -.gitops-imageupdater-list .pf-c-table tbody td[data-label='Name'], -.gitops-imageupdater-list .pf-c-table tbody td[data-label='Namespace'] { +.gitops-imageupdater-list .pf-v6-c-table tbody td[data-label='Name'], +.gitops-imageupdater-list .pf-v6-c-table tbody td[data-label='Namespace'] { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; @@ -15,7 +15,7 @@ } // Description column text truncation -.gitops-imageupdater-list .pf-c-table tbody td[data-label='Description'] { +.gitops-imageupdater-list .pf-v6-c-table tbody td[data-label='Description'] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/src/gitops/components/project/ProjectAllowDenyTab.tsx b/src/gitops/components/project/ProjectAllowDenyTab.tsx index 5c3feace4..5acabf5c1 100644 --- a/src/gitops/components/project/ProjectAllowDenyTab.tsx +++ b/src/gitops/components/project/ProjectAllowDenyTab.tsx @@ -30,7 +30,7 @@ import ResourceAllowDenyList from './ResourceAllowDenyList'; const renderStringArray = (items: string[] | undefined, t: (key: string) => string) => { if (items && items.length > 0) { return ( - + {items.map((el, idx) => { const denyRule = isDenyRule(el); const displayValue = getDisplayValue(el); @@ -38,14 +38,14 @@ const renderStringArray = (items: string[] | undefined, t: (key: string) => stri {denyRule ? ( - + {t('Deny')} {displayValue} ) : ( - + {t('Allow')} {displayValue} @@ -57,7 +57,7 @@ const renderStringArray = (items: string[] | undefined, t: (key: string) => stri ); } else { - return
{'-'}
; + return
{'-'}
; } }; diff --git a/src/gitops/components/project/ProjectRolesTab.tsx b/src/gitops/components/project/ProjectRolesTab.tsx index 5afada54a..a4db7ae23 100644 --- a/src/gitops/components/project/ProjectRolesTab.tsx +++ b/src/gitops/components/project/ProjectRolesTab.tsx @@ -268,7 +268,7 @@ const useRolesRowsDV = (roles: Role[], t: (key: string) => string): DataViewTr[] role.groups && role.groups.length > 0 ? (
{role.groups.map((group, idx) => ( - + {group} ))} @@ -287,7 +287,7 @@ const useRolesRowsDV = (roles: Role[], t: (key: string) => string): DataViewTr[] const formattedDescription = formatPolicyDescription(policy, t); return ( - + {policy} diff --git a/src/gitops/components/project/ProjectSyncWindowsTab.tsx b/src/gitops/components/project/ProjectSyncWindowsTab.tsx index 8ec0f61ec..997a9ffa6 100644 --- a/src/gitops/components/project/ProjectSyncWindowsTab.tsx +++ b/src/gitops/components/project/ProjectSyncWindowsTab.tsx @@ -327,13 +327,13 @@ const useSyncWindowsRowsDV = ( window.applications && window.applications.length > 0 ? (
{window.applications.map((app, idx) => ( - + {app} ))}
) : ( - {t('All')} + {t('All')} ), id: `applications-${index}`, dataLabel: t('Applications'), @@ -343,13 +343,13 @@ const useSyncWindowsRowsDV = ( window.clusters && window.clusters.length > 0 ? (
{window.clusters.map((cluster, idx) => ( - + {cluster} ))}
) : ( - {t('All')} + {t('All')} ), id: `clusters-${index}`, dataLabel: t('Clusters'), @@ -359,13 +359,13 @@ const useSyncWindowsRowsDV = ( window.namespaces && window.namespaces.length > 0 ? (
{window.namespaces.map((ns, idx) => ( - + {ns} ))}
) : ( - {t('All')} + {t('All')} ), id: `namespaces-${index}`, dataLabel: t('Namespaces'), diff --git a/src/gitops/components/project/project-list.scss b/src/gitops/components/project/project-list.scss index bb39eb9d5..776c58c0d 100644 --- a/src/gitops/components/project/project-list.scss +++ b/src/gitops/components/project/project-list.scss @@ -1,22 +1,19 @@ // PF6 DataViewTh applies modifier="truncate" on headers. With table-layout: fixed, truncation // must happen on the sort-button label text so TableText can detect overflow and show tooltips. @mixin gitops-project-list-sortable-header-tooltip { - .pf-v6-c-table__button, - .pf-c-table__button { + .pf-v6-c-table__button { width: 100%; max-width: 100%; min-width: 0; } - .pf-v6-c-table__button-content, - .pf-c-table__button-content { + .pf-v6-c-table__button-content { width: 100%; max-width: 100%; min-width: 0; } - .pf-v6-c-table__text, - .pf-c-table__text { + .pf-v6-c-table__text { display: block; overflow: hidden; text-overflow: ellipsis; @@ -37,9 +34,7 @@ .pf-v6-c-table__button, .pf-v6-c-table__button-content, - .pf-v6-c-table__text, - .pf-c-table__button, - .pf-c-table__text { + .pf-v6-c-table__text { overflow: visible; text-overflow: clip; max-width: none; @@ -48,8 +43,7 @@ } .gitops-project-list { - .pf-v6-c-table, - .pf-c-table { + .pf-v6-c-table { table-layout: fixed; width: 100%; } diff --git a/src/gitops/components/rollout/RolloutList.tsx b/src/gitops/components/rollout/RolloutList.tsx index 2311f0d43..e4375bdc0 100644 --- a/src/gitops/components/rollout/RolloutList.tsx +++ b/src/gitops/components/rollout/RolloutList.tsx @@ -370,7 +370,7 @@ export const useRolloutsRowsDV = ( namespace={obj.metadata.namespace} inline={true} > - + {isApplicationRefreshing(obj) && } @@ -431,7 +431,7 @@ export const useRolloutsRowsDV = ( <> {obj.status && obj.status.selector ? ( - + , - props: { className: 'dropdown-kebab-pf pf-c-table__action' }, + props: { className: 'dropdown-kebab-pf pf-v6-c-table__action' }, }, ]); }); diff --git a/src/gitops/components/rollout/revisions/Revisions.tsx b/src/gitops/components/rollout/revisions/Revisions.tsx index 6dbc41a39..ae1577e33 100644 --- a/src/gitops/components/rollout/revisions/Revisions.tsx +++ b/src/gitops/components/rollout/revisions/Revisions.tsx @@ -177,7 +177,7 @@ const getRowsDV = ( namespace={obj.metadata?.namespace} inline={true} > - + {isApplicationRefreshing(obj) && } diff --git a/src/gitops/components/shared/ApplicationList.tsx b/src/gitops/components/shared/ApplicationList.tsx index f22f78174..5a1144e42 100644 --- a/src/gitops/components/shared/ApplicationList.tsx +++ b/src/gitops/components/shared/ApplicationList.tsx @@ -378,7 +378,7 @@ const useApplicationRowsDV = (applicationsList, namespace): DataViewTr[] => { namespace={app.metadata.namespace} inline={true} > - + {isApplicationRefreshing(app) && } diff --git a/src/gitops/components/shared/DetailsPageHeader/DetailsPageHeader.tsx b/src/gitops/components/shared/DetailsPageHeader/DetailsPageHeader.tsx index 74316d586..e6fab9dde 100644 --- a/src/gitops/components/shared/DetailsPageHeader/DetailsPageHeader.tsx +++ b/src/gitops/components/shared/DetailsPageHeader/DetailsPageHeader.tsx @@ -73,7 +73,7 @@ const DetailsPageHeader: React.FC = ({
+ = ({ conditions }) => { ) : (
-
+
{t('plugin__gitops-public~No conditions found')}