Skip to content

[69526] Text overflow in Baseline modal banner#23431

Merged
bsatarnejad merged 2 commits into
release/17.5from
69526-text-overflow-in-baseline-modal-banner
Jun 1, 2026
Merged

[69526] Text overflow in Baseline modal banner#23431
bsatarnejad merged 2 commits into
release/17.5from
69526-text-overflow-in-baseline-modal-banner

Conversation

@bsatarnejad
Copy link
Copy Markdown
Contributor

@bsatarnejad bsatarnejad commented May 28, 2026

Ticket

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

What are you trying to accomplish?

The upsell button row now wraps instead of overflowing horizontally. Spacing between buttons is handled with a flex gap, so wrapped buttons keep consistent spacing without relying on per-button left margins.

Screenshotss

Screenshot 2026-05-28 at 13 42 38

@bsatarnejad bsatarnejad changed the title Wrap enterprise upsell buttons when space is not enough [69526] Text overflow in Baseline modal banner May 28, 2026
@bsatarnejad bsatarnejad force-pushed the 69526-text-overflow-in-baseline-modal-banner branch from d2ea70e to 54a1190 Compare May 28, 2026 12:09
@myabc myabc requested a review from Copilot May 28, 2026 18:23
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 fixes horizontal overflow in Enterprise upsell/banner button rows by allowing the buttons to wrap and by using consistent flex spacing.

Changes:

  • Enables wrapping for EnterpriseEdition::UpsellButtonsComponent.
  • Replaces per-button left margins with a shared CSS gap.
  • Allows the banner content grid column to shrink via minmax(0, 1fr).

Reviewed changes

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

File Description
app/components/enterprise_edition/upsell_buttons_component.rb Adds wrapping and a CSS hook for upsell button layout spacing.
app/components/enterprise_edition/banner_component.sass Updates banner grid sizing and defines the button-row gap.

@bsatarnejad bsatarnejad marked this pull request as ready for review May 29, 2026 05:36
@bsatarnejad bsatarnejad self-assigned this May 29, 2026
Comment thread app/components/enterprise_edition/banner_component.sass Outdated
@bsatarnejad bsatarnejad requested a review from HDinger June 1, 2026 06:06
@HDinger HDinger added this to the 17.5.x milestone Jun 1, 2026
@bsatarnejad bsatarnejad merged commit 5a940d0 into release/17.5 Jun 1, 2026
16 of 17 checks passed
@bsatarnejad bsatarnejad deleted the 69526-text-overflow-in-baseline-modal-banner branch June 1, 2026 06:29
@github-actions github-actions Bot locked and limited conversation to collaborators Jun 1, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Development

Successfully merging this pull request may close these issues.

3 participants