Follow up to patternfly/patternfly#6447
TL;DR
Vertical nav/step list
- Adds new element
span.pf-v6-c-wizard__nav-link-status-icon that is the first thing in .pf-v6-c-wizard__nav-link when there is an error on a step.
- Technically this element will hold any status icon, but so far we only support error status.
- We're using the "exclamation circle" icon there since the step numbers are also circles. I think we usually use exclamation triangle, so calling that out.
- Adds
span.pf-v6-c-wizard__nav-link-main that wraps everything else in .pf-v6-c-wizard__nav-link (.pf-v6-c-wizard__nav-link-text and .pf-v6-c-wizard__nav-link-toggle)
- When a step has an error,
.pf-v6-c-wizard__nav-link getc class .pf-m-danger
Mobile nav toggle
- Adds new element
span.pf-v6-c-wizard__toggle-status-icon that is the first thing in .pf-v6-c-wizard__toggle-list-item when the current step in the mobile nav toggle has an error
- Same notes as the vertical nav notes above
- When the current step has an error, the
.pf-v6-c-wizard__toggle-list-item in .pf-v6-c-wizard__toggle gets class .pf-m-danger
Follow up to patternfly/patternfly#6447
TL;DR
Vertical nav/step list
span.pf-v6-c-wizard__nav-link-status-iconthat is the first thing in.pf-v6-c-wizard__nav-linkwhen there is an error on a step.span.pf-v6-c-wizard__nav-link-mainthat wraps everything else in.pf-v6-c-wizard__nav-link(.pf-v6-c-wizard__nav-link-textand.pf-v6-c-wizard__nav-link-toggle).pf-v6-c-wizard__nav-linkgetc class.pf-m-dangerMobile nav toggle
span.pf-v6-c-wizard__toggle-status-iconthat is the first thing in.pf-v6-c-wizard__toggle-list-itemwhen the current step in the mobile nav toggle has an error.pf-v6-c-wizard__toggle-list-itemin.pf-v6-c-wizard__togglegets class.pf-m-danger