createImageWizrad: add scroll to the creation image

this commit change the resoluiton of wizard__outer-wrap to solve
the problem that user should scroll to see the next, backl and cancel buttons
This commit is contained in:
Michal Gold 2024-07-29 12:07:13 +03:00 committed by Lucas Garfield
parent 9a1d348a77
commit 4b85ad064a
2 changed files with 5 additions and 8 deletions

View file

@ -2,9 +2,6 @@
padding-right: 0px;
}
.pf-v5-c-wizard__nav {
overflow-y: unset;
}
.pf-c-popover[data-popper-reference-hidden="true"] {
font-weight: initial;
@ -88,7 +85,6 @@ div.pf-v5-c-alert.pf-m-inline.pf-m-plain.pf-m-warning {
display: flex
}
// Fixes min height issues on the main wizard container
.pf-v5-c-wizard__outer-wrap {
min-height: 602px;
.pf-v5-c-wizard__main {
flex: 1 1 0
}

View file

@ -8,6 +8,7 @@ import {
WizardStep,
WizardStepType,
useWizardContext,
PageSection,
} from '@patternfly/react-core';
import { useFlag } from '@unleash/proxy-client-react';
import { useNavigate, useSearchParams } from 'react-router-dom';
@ -229,7 +230,7 @@ const CreateImageWizard = ({ isEdit }: CreateImageWizardProps) => {
return (
<>
<ImageBuilderHeader inWizard />
<section className="pf-l-page__main-section pf-c-page__main-section">
<PageSection isWidthLimited>
<Wizard
startIndex={startIndex}
onClose={() => navigate(resolveRelPath(''))}
@ -433,7 +434,7 @@ const CreateImageWizard = ({ isEdit }: CreateImageWizardProps) => {
<ReviewStep snapshottingEnabled={snapshottingEnabled} />
</WizardStep>
</Wizard>
</section>
</PageSection>
</>
);
};