particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

src: Update remaining v5 version slugs

Browse source
This commit is contained in:
regexowl 2025-05-19 13:56:53 +02:00 • committed by Lucas Garfield
parent 4312cca4dd
commit 2080425753
9 changed files with 20 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

2
playwright/helpers/helpers.ts
View file

@ -21,7 +21,7 @@ export const isHosted = (): boolean => {
export const closePopupsIfExist = async (page: Page) => {
const locatorsToCheck = [
page.locator('.pf-v5-c-alert.notification-item button'), // This closes all toast pop-ups
page.locator('.pf-v6-c-alert.notification-item button'), // This closes all toast pop-ups
page.locator(`button[id^="pendo-close-guide-"]`), // This closes the pendo guide pop-up
page.locator(`button[id="truste-consent-button"]`), // This closes the trusted consent pop-up
page.getByLabel('close-notification'), // This closes a one off info notification (May be covered by the toast above, needs recheck.)

2
playwright/test.spec.ts
View file

@ -79,7 +79,7 @@ test.describe.serial('test', () => {
await frame.getByRole('button', { name: 'Create blueprint' }).click();
await expect(
frame.locator('.pf-v5-c-card__title-text').getByText(blueprintName)
frame.locator('.pf-v6-c-card__title-text').getByText(blueprintName)
).toBeVisible();
});

2
src/Components/Blueprints/BuildImagesButton.tsx
View file

@ -132,7 +132,7 @@ export const BuildImagesButton = ({ children }: BuildImagesButtonPropTypes) => {
<Spinner
style={
{
'--pf-v5-c-spinner--Color': '#fff',
'--pf-v6-c-spinner--Color': '#fff',
} as React.CSSProperties
}
isInline

16
src/Components/CreateImageWizard/CreateImageWizard.scss
View file

@ -10,11 +10,11 @@
}
.pf-c-form {
--pf-c-form--GridGap: var(--pf-v5-global--spacer--md);
--pf-c-form--GridGap: var(--pf6-global--spacer--md);
}
.pf-c-form__group-label {
--pf-c-form__group-label--PaddingBottom: var(--pf-v5-global--spacer--xs);
--pf-c-form__group-label--PaddingBottom: var(--pf-v6-global--spacer--xs);
}
.tiles {
@ -28,9 +28,9 @@
.pf-c-tile:focus {
--pf-c-tile__title--Color: var(--pf-c-tile__title--Color);
--pf-c-tile__icon--Color: var(---pf-v5-global--Color--100);
--pf-c-tile--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
--pf-c-tile--before--BorderColor: var(--pf-v5-global--BorderColor--100);
--pf-c-tile__icon--Color: var(---pf-v6-global--Color--100);
--pf-c-tile--before--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
--pf-c-tile--before--BorderColor: var(--pf-v6-global--BorderColor--100);
}
.pf-c-tile.pf-m-selected:focus {
@ -44,11 +44,11 @@
}
.pf-v6-u-min-width {
--pf-v5-u-min-width--MinWidth: 18ch;
--pf-v6-u-min-width--MinWidth: 18ch;
}
.pf-v6-u-max-width {
--pf-v5-u-max-width--MaxWidth: 26rem;
--pf-v6-u-max-width--MaxWidth: 26rem;
}
ul.pf-m-plain {
@ -62,7 +62,7 @@ ul.pf-m-plain {
}
.panel-border {
--pf-v5-c-panel--before--BorderColor: #BEE1F4;
--pf-v6-c-panel--before--BorderColor: #BEE1F4;
}
// Targets the alert within the Reviewsteps > content dropdown

2
src/Components/CreateImageWizard/steps/Oscap/components/OnPremWarning.tsx
View file

@ -20,7 +20,7 @@ const OscapOnPremWarning = () => {
<Alert
style={{
margin:
'0 var(--pf-v5-c-toolbar__content--PaddingRight) 0 var(--pf-v5-c-toolbar__content--PaddingLeft)',
'0 var(--pf-v6-c-toolbar__content--PaddingRight) 0 var(--pf-v6-c-toolbar__content--PaddingLeft)',
}}
isInline
variant="warning"

2
src/Components/CreateImageWizard/steps/Review/Footer/CreateDropdown.tsx
View file

@ -192,7 +192,7 @@ export const CreateSaveButton = ({
<FlexItem>
<Spinner
style={
{ '--pf-v5-c-spinner--Color': '#fff' } as React.CSSProperties
{ '--pf-v6-c-spinner--Color': '#fff' } as React.CSSProperties
}
isInline
size="md"

2
src/Components/CreateImageWizard/steps/Review/Footer/EditDropdown.tsx
View file

@ -134,7 +134,7 @@ export const EditSaveButton = ({
<FlexItem>
<Spinner
style={
{ '--pf-v5-c-spinner--Color': '#fff' } as React.CSSProperties
{ '--pf-v6-c-spinner--Color': '#fff' } as React.CSSProperties
}
isInline
size="md"

6
src/Components/ImagesTable/ImagesTableToolbar.tsx
View file

@ -163,7 +163,7 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
variant="warning"
style={{
margin:
'0 var(--pf-v5-c-toolbar__content--PaddingRight) 0 var(--pf-v5-c-toolbar__content--PaddingLeft)',
'0 var(--pf6-c-toolbar__content--PaddingRight) 0 var(--pf-v6-c-toolbar__content--PaddingLeft)',
}}
isInline
title={`The selected blueprint has errors.`}
@ -197,7 +197,7 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
<Alert
style={{
margin:
'0 var(--pf-v5-c-toolbar__content--PaddingRight) 0 var(--pf-v5-c-toolbar__content--PaddingLeft)',
'0 var(--pf-v6-c-toolbar__content--PaddingRight) 0 var(--pf-v6-c-toolbar__content--PaddingLeft)',
}}
isInline
title={`The selected blueprint is at version ${selectedBlueprintVersion}, the latest images are at version ${latestImageVersion}. Build images to synchronize with the latest version.`}
@ -217,7 +217,7 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
<Alert
style={{
margin:
'0 var(--pf-v5-c-toolbar__content--PaddingRight) 0 var(--pf-v5-c-toolbar__content--PaddingLeft)',
'0 var(--pf-v6-c-toolbar__content--PaddingRight) 0 var(--pf-v6-c-toolbar__content--PaddingLeft)',
}}
isInline
variant="warning"

7
src/Components/LandingPage/LandingPage.scss
View file

@ -1,17 +1,16 @@
.pf-c-form__group-label-help {
color: var(--pf-v5-global--icon--Color--light);
color: var(--pf-v6-global--icon--Color--light);
}
.pf-c-form__group-label-help:active {
color: var(--pf-v5-global--icon--Color--dark);
color: var(--pf-v6-global--icon--Color--dark);
}
.expand-section {
background-color: var(--pf-v5-global--palette--white);
background-color: var(--pf-v6-global--palette--white);
}
.sidebar-panel {
height: 750px;
overflow: auto;
}