Skip to content

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

Draft
myabc wants to merge 7 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 7 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 added 4 commits May 14, 2026 18:13
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
@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 d7690a3
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 added 3 commits May 14, 2026 20:34
Adds `collapsible:` (default `false`) to BorderBoxListComponent.
When true, the header renders a CollapsibleHeader with toggle.
When false, title/count/description render as plain components.

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
Restructures the non-collapsible header branch to mirror
CollapsibleHeader's HTML structure: title+count on one row, description
on a second row. Reuses upstream CSS classes.

https://community.openproject.org/wp/72945
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