Skip to content

[#73462] Vertically center Backlogs Inbox counter#22524

Merged
EinLama merged 1 commit intorelease/17.3from
bug/73462-inbox-counter-misaligned
Mar 26, 2026
Merged

[#73462] Vertically center Backlogs Inbox counter#22524
EinLama merged 1 commit intorelease/17.3from
bug/73462-inbox-counter-misaligned

Conversation

@myabc
Copy link
Copy Markdown
Contributor

@myabc myabc commented Mar 26, 2026

Ticket

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

What are you trying to accomplish?

Vertically centers Backlogs Inbox counter. Also increases space between "Backlog" text and counter to 8px.

Screenshots

Before After
Screenshot 2026-03-26 at 14 01 20 Screenshot 2026-03-26 at 13 59 12

What approach did you choose and why?

n/a

Merge checklist

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

Also increases space between "Backlog" text and counter to 8px.

https://community.openproject.org/wp/73462
@myabc myabc added needs review styling ruby Pull requests that update Ruby code bugfix labels Mar 26, 2026
@myabc myabc added this to the 17.3.x milestone Mar 26, 2026
@myabc myabc marked this pull request as ready for review March 26, 2026 14:10
@myabc myabc requested review from a team and Copilot March 26, 2026 14:10
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adjusts the Backlogs inbox header layout to vertically center the counter next to the “Backlog” label and standardize spacing between them, improving visual alignment in the Backlogs UI.

Changes:

  • Update the Backlogs Inbox header <h3> to use inline flex layout with centered alignment.
  • Replace margin-based spacing on the counter with a consistent flex gap between label and counter.
  • Minor keyword argument reordering for consistency in a related Subhead heading.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File Description
modules/backlogs/app/views/rb_master_backlogs/_sprint_planning_list.html.erb Minor reorder of with_heading keyword arguments (no functional change).
modules/backlogs/app/components/backlogs/inbox_component.html.erb Apply inline-flex + centered alignment and gap-2 to vertically center the counter and set 8px spacing.

Copy link
Copy Markdown
Contributor

@EinLama EinLama left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👏🏻

@EinLama EinLama merged commit 564359d into release/17.3 Mar 26, 2026
25 of 26 checks passed
@EinLama EinLama deleted the bug/73462-inbox-counter-misaligned branch March 26, 2026 18:08
@github-actions github-actions bot locked and limited conversation to collaborators Mar 26, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

bugfix needs review ruby Pull requests that update Ruby code styling

Development

Successfully merging this pull request may close these issues.

3 participants