Skip to content

[#72945] Backlogs container header (Sprint/Bucket/Inbox) restyling#23215

Draft
myabc wants to merge 5 commits into
implementation/74684-extract-border-box-list-componentfrom
feature/72945-backlogs-container-header-restyling
Draft

[#72945] Backlogs container header (Sprint/Bucket/Inbox) restyling#23215
myabc wants to merge 5 commits into
implementation/74684-extract-border-box-list-componentfrom
feature/72945-backlogs-container-header-restyling

Conversation

@myabc
Copy link
Copy Markdown
Contributor

@myabc myabc commented May 14, 2026

Note

This PR is based off #23074. Please review that PR first.

Ticket

https://community.openproject.org/wp/72945

What are you trying to accomplish?

Restyle sprint, bucket, and inbox container headers per the Figma spec. This PR covers the quick-win changes:

  • Sprint action button icons: :play:rocket, :checkop-flag
  • Sprint action button labels: "Start" → "Start sprint", "Complete" → "Complete sprint"
  • Sprint status badge (opaque Primer::Beta::Label via SprintStatusBadgeComponent)
  • Inbox header with title and auto-inferred count
  • Default action button scheme on BorderBoxListComponent::Header

Built on top of the BorderBoxListComponent extraction from #74684 (PR #23074).

What approach did you choose and why?

SprintStatusBadgeComponent follows the Jira import StatusBadgeComponent pattern — uses bg: system argument for opaque label backgrounds rather than scheme: (which renders transparent).

Merge checklist

  • Added/updated tests
  • Added/updated documentation in Lookbook (patterns, previews, etc)
  • Tested major browsers (Chrome, Firefox, Edge, ...)

@myabc myabc changed the title Feature/72945 backlogs container header restyling [#72945] Backlogs container header (Sprint/Bucket/Inbox) restyling May 14, 2026
@myabc myabc added feature DO NOT MERGE security ruby Pull requests that update Ruby code pull preview labels May 14, 2026
@myabc myabc added this to the 17.5.x milestone May 14, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 14, 2026

Deploying openproject with PullPreview

Field Value
Latest commit 3c9b2bc
Job deploy
Status ✅ Deploy successful
Preview URL https://pr-23215-72945-backlogs-ip-178-104-216-231.my.opf.run:443

View logs

@myabc myabc removed the security label May 14, 2026
@myabc myabc force-pushed the feature/72945-backlogs-container-header-restyling branch from d7690a3 to 7ec4e0b Compare May 16, 2026 19:56
myabc added 5 commits May 16, 2026 22:09
Icons: :play -> :rocket, :check -> :op-flag.
Labels: "Start" -> "Start sprint", "Complete" -> "Complete sprint".

https://community.openproject.org/wp/72945
Adds SprintStatusBadgeComponent with opaque bg: backgrounds
following the Jira import StatusBadgeComponent pattern.

https://community.openproject.org/wp/72945
Adds `scheme: :flat` to BorderBoxListComponent with CSS overrides
for transparent header background and no separator line. Backlogs
callers adopt the flat scheme.

https://community.openproject.org/wp/72945
@myabc myabc force-pushed the feature/72945-backlogs-container-header-restyling branch from 7ec4e0b to 3c9b2bc Compare May 16, 2026 20:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

DO NOT MERGE feature pullpreview ruby Pull requests that update Ruby code

Development

Successfully merging this pull request may close these issues.

1 participant