SRVOCF-1074: Fix setup guide list number alignment in Firefox - #178
Conversation
The setup guide modal rendered each step with PatternFly List/ListItem, which wraps item content in an inline span around block paragraphs. Inside the flex-based .pf-v6-c-list, Firefox positioned the ordered-list number above the step title instead of beside it (Chrome was unaffected). Render the steps with Content ol/li instead, which places the paragraphs directly in the li and aligns the number with the title in both Firefox and Chrome. Verified by rendering the real PatternFly markup in both. Also bold the step title via pf-v6-u-font-weight-bold instead of strong, drop the unused data-test attributes, and give SetupGuide a className prop so the empty state passes spacing to the component instead of wrapping it in a div. Issue SRVOCF-1074 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude Code creates ephemeral, locked git worktrees under .claude/worktrees for parallel tasks. They are local-only and were showing up as untracked changes, blocking the pre-PR check. Ignore them alongside the other local .claude entries. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
Pipeline controller notification For optional jobs, comment This repository is configured in: LGTM mode |
|
@Cragsmann: This pull request references SRVOCF-1074 which is a valid jira issue. Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the bug to target the "5.1.0" version, but no target version was set. DetailsIn response to this:
Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the openshift-eng/jira-lifecycle-plugin repository. |
|
[APPROVALNOTIFIER] This PR is NOT APPROVED This pull-request has been approved by: The full list of commands accepted by this bot can be found here. DetailsNeeds approval from an approver in each of these files:Approvers can indicate their approval by writing |
|
@Cragsmann: all tests passed! Full PR test history. Your PR dashboard. DetailsInstructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository. I understand the commands that are listed here. |
Summary
List/ListItemwrapping each block-level child in an inline<span>, which caused Firefox to misposition the::markerinside the flex list. Switched toContent component="ol"/"li"/"p", which emits the markers directly in the<li>and aligns correctly in both Firefox and Chrome.pf-v6-u-font-weight-boldutility class instead of the<strong>element (CSS over markup).data-testattributes (setup-guide-button,setup-guide-modal,setup-guide-close-button) that are not referenced anywhere in the codebase or e2e specs.SetupGuideto accept aclassNameprop applied to its trigger button instead of wrapping the component in a<div>at the call site. In the empty state the link stays on its own centered line below the body text viapf-v6-u-display-block pf-v6-u-mx-auto pf-v6-u-mt-sm..claude/worktrees/to.gitignoreso local worktree scratch dirs do not pollute git status.Fixes SRVOCF-1074
Checklist
docs/ARCHITECTURE.md(if there are relevant changes to our layered architecture)