Skip to content

Comments

Fix SSO button display in RTL#209

Merged
darylldoyle merged 1 commit intodevelopfrom
fix/sso-rtl-button-style
Feb 17, 2026
Merged

Fix SSO button display in RTL#209
darylldoyle merged 1 commit intodevelopfrom
fix/sso-rtl-button-style

Conversation

@psorensen
Copy link
Contributor

Description of the Change

Fixes the SSO login button layout when the site uses RTL (right-to-left) by adding RTL-specific padding.

The SSO button uses asymmetric padding (4px 14px 4px 4px) so the icon sits correctly in LTR. In RTL, that same padding caused incorrect spacing.

Benefits: Correct appearance and usability of the SSO button for RTL languages and RTL themes.
Before:
image

After:
image

How to test the Change

  1. Open the WordPress login page (e.g. /wp-login.php) with the 10up Experience plugin active and SSO enabled.
  2. LTR: Confirm the SSO ("Sign in with 10up" / Google) button looks and aligns as before.
  3. RTL: Force RTL (e.g. in DevTools set document.documentElement.dir = 'rtl' or use an RTL theme/locale) and reload the login page.
  4. Confirm the SSO button has even padding and the icon and label are not clipped or misaligned.

Changelog Entry

Fixed - SSO login button padding in RTL so the button displays correctly for right-to-left languages and layouts.

Credits

Props @psorensen

Checklist:

@darylldoyle darylldoyle added this to the 1.18.0 milestone Feb 17, 2026
@darylldoyle darylldoyle merged commit b76edbe into develop Feb 17, 2026
6 checks passed
@darylldoyle darylldoyle deleted the fix/sso-rtl-button-style branch February 17, 2026 11:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants