debian-image-builder-frontend/src/Components/CreateImageWizard/CreateImageWizard.scss
rjagadal 2936e87243 Fix: Ensure wizard footer remains visible in repo step
Adjust wizard layout to limit scrolling

Fix: Improve button positioning and scrolling behavior in the repo step

Adjust footer layout and flex changes for wizard content

Fix: Removed outdated comments for code consistency
2025-04-01 11:46:17 +02:00

88 lines
1.7 KiB
SCSS

.pf-v5-c-wizard__nav-list {
padding-right: 0px;
}
.pf-c-popover[data-popper-reference-hidden="true"] {
font-weight: initial;
visibility: initial;
pointer-events: initial;
}
.pf-c-form {
--pf-c-form--GridGap: var(--pf-v5-global--spacer--md);
}
.pf-c-form__group-label {
--pf-c-form__group-label--PaddingBottom: var(--pf-v5-global--spacer--xs);
}
.tiles {
display: flex;
}
.tile {
flex: 1 0 0px;
max-width: 250px;
}
.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.pf-m-selected:focus {
--pf-c-tile__title--Color: var(--pf-c-tile--focus__title--Color);
--pf-c-tile__icon--Color: var(--pf-c-tile--focus__icon--Color);
}
.provider-icon {
width: 1em;
height: 1em;
}
.pf-v5-u-min-width {
--pf-v5-u-min-width--MinWidth: 18ch;
}
.pf-v5-u-max-width {
--pf-v5-u-max-width--MaxWidth: 26rem;
}
ul.pf-m-plain {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.not-available {
color: #6a6e73;
}
.panel-border {
--pf-v5-c-panel--before--BorderColor: #BEE1F4;
}
// Targets the alert within the Reviewsteps > content dropdown
// Removes excess top margin padding
div.pf-v5-c-alert.pf-m-inline.pf-m-plain.pf-m-warning {
margin-top: 18px;
h4 {
margin-block-start: 0;
}
}
.pf-v5-c-wizard__main {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pf-v5-c-wizard__footer {
position: sticky;
bottom: 0;
}