Skip to content

Fix layout of IDP buttons with long display names - #55095

Open
rawagner wants to merge 1 commit into
keycloak:mainfrom
rawagner:fix/idp-button-label-wrap
Open

rawagner wants to merge 1 commit into
keycloak:mainfrom
rawagner:fix/idp-button-label-wrap

Conversation

@rawagner

Copy link
Copy Markdown

Long identity provider display names can overflow their buttons on the keycloak.v2 login page. Allow labels to wrap, prevent icons from shrinking, and make buttons in each grid row equal height.

This keeps provider names readable and the layout consistent when realms have long display names or multiple identity providers.

closes: #55093

before:
Screenshot From 2026-11-11 15-55-44

after:

Screenshot From 2026-11-11 15-53-17

@rawagner
rawagner requested review from a team as code owners November 12, 2026 10:51
Copilot AI balanced review requested due to automatic review settings November 12, 2026 10:51

Copilot AI 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.

🟢 Approval recommended

No active review issues remain for the login theme’s identity-provider label and button layout updates.

No open issues 🎉

What changed in this PR

Updates the keycloak.v2 login theme to keep long identity provider names readable and button layouts consistent, addressing #55093.

Changes:

  • Allows provider labels to wrap, including long unbroken text.
  • Prevents provider images and picture elements from shrinking.
  • Stretches buttons to equal height within each grid row.
File Description
themes/​src/​main/​resources/​theme/​keycloak.v2/​login/​resources/​css/​styles.css Adds label wrapping, icon sizing protection, and equal-height grid button styles.

Review effort: Balanced

Long identity provider display names can overflow their buttons on the `keycloak.v2` login page. Allow labels to wrap, prevent icons from shrinking, and make buttons in each grid row equal height.

This keeps provider names readable and the layout consistent when realms have long display names or multiple identity providers.

Closes keycloak#55093

Signed-off-by: Rastislav Wagner <rawagner@redhat.com>
Assisted-by: Codex <noreply@openai.com>
@rawagner
rawagner force-pushed the fix/idp-button-label-wrap branch from c109149 to 24e1ec4 Compare November 12, 2026 10:53
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.

Long IDP names do not wrap in Keycloak login buttons

3 participants