[#73415] Align Backlog Inbox and Sprint headers#22532
Merged
myabc merged 2 commits intorelease/17.3from Mar 26, 2026
Merged
Conversation
Contributor
There was a problem hiding this comment.
Pull request overview
Adjusts the Backlogs sprint planning UI so the Inbox and Sprints sections align consistently (ticket #73415).
Changes:
- Removes bottom padding from the
Primer::Beta::Subheadin both the sprint list and inbox header (pb: 0). - Makes the Inbox component’s
turbo-framewrapper layout-neutral viastyle: "display:contents"to avoid affecting alignment.
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 | Removes Subhead bottom padding to align the Sprints header with neighboring content. |
| modules/backlogs/app/components/backlogs/inbox_component.html.erb | Makes the wrapper turbo-frame not contribute to layout and removes Subhead bottom padding for consistent vertical alignment. |
myabc
changed the title
myabc
force-pushed
the
bug/73415-inbox-and-sprints-alignment
branch
from
6ee5e08 to
090f211
Compare
myabc
added
bugfix
needs review
styling
ruby
Base automatically changed from
bug/73462-inbox-counter-misaligned
to
release/17.3
March 26, 2026 18:08
myabc
force-pushed
the
bug/73415-inbox-and-sprints-alignment
branch
from
090f211 to
3dbe543
Compare
EinLama
approved these changes
Mar 26, 2026
Contributor
EinLama
left a comment
EinLama
left a comment
There was a problem hiding this comment.
TIL about display: contents 💡 As it happens, I will need that soon. Good to know!
myabc
force-pushed
the
bug/73415-inbox-and-sprints-alignment
branch
from
3dbe543 to
5a40864
Compare
6 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Note
This PR is based off #22524. Please review/merge first.
Ticket
https://community.openproject.org/wp/73415
What are you trying to accomplish?
Align the Inbox and Sprints section headers on the sprint planning page. The turbo-frame wrapper around the Inbox component was creating extra layout space, and both Subhead components had excessive bottom padding.
Screenshots
What approach did you choose and why?
display:contentsto the Inboxturbo-framewrapper so it becomes transparent to the parent layout. This pattern is already used ingrids/widget_box_component.rb. Primer'sdisplay:system argument doesn't support:contents, so inlinestyle:is necessary.pb: 0on both Subhead components to remove bottom padding and achieve consistent spacing.Merge checklist