Skip to content

Commit

Permalink
Adjust footer layout and flex changes for wizard content
Browse files Browse the repository at this point in the history
  • Loading branch information
rissh committed Nov 13, 2024
1 parent 605101d commit db068b9
Showing 1 changed file with 2 additions and 14 deletions.
16 changes: 2 additions & 14 deletions src/Components/CreateImageWizard/CreateImageWizard.scss
Original file line number Diff line number Diff line change
Expand Up @@ -85,12 +85,6 @@ div.pf-v5-c-alert.pf-m-inline.pf-m-plain.pf-m-warning {
display: flex
}

.repo-step .content-container {
flex-grow: 1;
overflow-y: auto; /* Allow scrolling within the repo list area */
max-height: 600px; /* Keeps the content within a limited height */
}

.pf-v5-c-wizard__main {
/* TO DO: This part of the code is responsible for the Wizard footer being fixed
at the bottom of the page. Unfortunately there's a new bug that's at least
Expand All @@ -100,19 +94,13 @@ div.pf-v5-c-alert.pf-m-inline.pf-m-plain.pf-m-warning {
Temporarily commenting out this code, until we figure out how the handle
this bug.
*/
// flex: 1 1 0

// TO DO: Remove after the fix
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 800px; /* Always go with pixels */
}

.pf-v5-c-wizard__footer {
position: sticky;
bottom: 0;
padding: 1rem;
background-color: white; // Ensure background covers content below
z-index: 10; // Ensure the footer is above the content
}
}

0 comments on commit db068b9

Please sign in to comment.