8000 Login page title should use full width when locale selector is hidden · Issue #49378 · keycloak/keycloak · GitHub
[go: up one dir, main page]

Skip to content

Login page title should use full width when locale selector is hidden #49378

Description

@mabartos

Description

When internationalization is disabled in the realm settings, the locale selector in the login page header is hidden. However, the CSS grid layout still applies a 70% / 30% split for the header area, leaving the page title unnecessarily constrained to 70% of the available width. This causes long titles to wrap or appear misaligned when there is no locale dropdown to justify the reserved space. Look at this:

Image

The title would fit there, but it's awkwardly wrapped.

Better would be:

Image

The header uses grid-template-columns: 70% 30% unconditionally on wider screens, even when the utilities section (locale selector) is not rendered.

Value Proposition

  • Titles on login pages use the full available width when localization is disabled
  • Avoid awkward text wrapping on pages with longer titles (e.g. "Mobile Authenticator Setup", "Login with a recovery authentication code")
  • Consistent header layout regardless of realm configuration

Goals

  • Apply the two-column header grid only when the locale selector is actually present

Non-Goals

  • Change the layout when internationalization is enabled
  • Modify any login page functionality

Discussion

No response

Notes

No response

Activity

  1. self-assigned this
    on May 27, 2026
  2. added
    kind/enhancementCategorizes a PR related to an enhancement
    area/login/uiLogin theme — FreeMarker templates for login, registration, password reset
    on May 27, 2026
  3. added a commit that references this issue on May 27, 2026
    0c4a471
  4. 12 remaining items

  5. added a commit that references this issue on Jul 20, 2026
    642ce09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Fields

Value

None yet

Effort

None yet

Votes

None yet

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

    0