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
88 lines
1.7 KiB
SCSS
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;
|
|
}
|