Skip to content

IBX-12285: Rendered the input's extra button as a DS secondary button - #2032

Open
tischsoic wants to merge 3 commits into
6.0from
IBX-12285-misaligned-add-button
Open

IBX-12285: Rendered the input's extra button as a DS secondary button#2032
tischsoic wants to merge 3 commits into
6.0from
IBX-12285-misaligned-add-button

Conversation

@tischsoic

@tischsoic tischsoic commented Aug 26, 2026

Copy link
Copy Markdown
Contributor
🎫 Issue IBX-12285

Related PRs:

Description:

input_text_ds.html.twig built the extra_btn classes once, before the template branches, so the DS render path got a legacy btn ibexa-btn ibexa-btn--info button — 48px tall inside the DS input's 40px actions row, overflowing the frame.

The extra button is now a DS button in both branches, secondary at the default medium size, matching the design and the same secondary treatment the legacy input_text.html.twig already uses.

The only consumers of extra_btn through this template are the Product collection and Product embed blocks in ibexa/product-catalog.

For QA:

Page Builder → Product collection or Product embed block → Properties: the Add button in the product code input should be a full-height, purple-outlined button flush with the input's right edge.

Inputs that use this template without an extra button (global search, login form, Content Type field-type search) should be unchanged.

Documentation:

@katarzynazawada
katarzynazawada force-pushed the IBX-12285-misaligned-add-button branch from 345d7f9 to 69f7657 Compare August 27, 2026 09:35

@katarzynazawada katarzynazawada left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@tischsoic tischsoic changed the title IBX-12285: Rendered the input's extra button as a DS button on the DS path IBX-12285: Rendered the input's extra button as a DS secondary button Aug 28, 2026
tischsoic and others added 3 commits August 28, 2026 13:29
… path

Co-authored-by: Claude <noreply@anthropic.com>
Use the <twig:ibexa:button> tag form with a spread props hash instead of
the component() function, and drop the legacy ibexa-btn markup from the
non-DS fallback so both paths emit the same DS button.

Co-Authored-By: Claude <noreply@anthropic.com>
Co-authored-by: Claude <noreply@anthropic.com>
@katarzynazawada
katarzynazawada force-pushed the IBX-12285-misaligned-add-button branch from fd5aab1 to 5ae77ea Compare August 28, 2026 11:29
@sonarqubecloud

Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants