External link icon not RTL

discojan · March 2, 2026, 11:35am

When you paste an URL in Title. topic-featured-link

zogstrip · April 1, 2026, 1:02pm

Thanks @discojan - will be fixed by

github.com/discourse/discourse

UX: Correct topic featured link icon for RTL layouts (#39040)

main ← fix/featured-link-rtl

merged 02:05PM - 01 Apr 26 UTC

ZogStriP

+3 -2

The external link icon (up-right-from-square) on topic featured links was not RT…L-aware in two ways: 1. The icon itself wasn't mirrored — it pointed top-right in both LTR and RTL. Added it to the scaleX(-1) flip list in rtl.scss so it mirrors to top-left in RTL contexts. 2. The icon's spacing used a physical `margin-right` which placed the gap on the wrong side in RTL. Switched to `margin-inline-end` so it respects text direction. **LTR** <img width="374" height="221" alt="2026-04-01 @ 12 57 16" src="https://github.com/user-attachments/assets/d3ec17de-4fff-4305-bca5-dfaf36b6287c" /> **RTL (before)** <img width="353" height="201" alt="2026-04-01 @ 12 59 16" src="https://github.com/user-attachments/assets/ce39b733-8a99-4c14-a90f-cdfdd417a365" /> **RTL (after)** <img width="340" height="197" alt="2026-04-01 @ 12 58 23" src="https://github.com/user-attachments/assets/513e6848-7dfa-460f-adda-ef3c4ede2e08" /> https://meta.discourse.org/t/397432

system · April 4, 2026, 1:03pm

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Reverse Reply arrow icon for RTL UX rtl , fixed	2	56	March 7, 2026
Switch/toggle buttons not correct for RTL languages UX rtl , fixed	8	117	February 16, 2026
The menu icon is displayed on top of the site logo in full-width themes when the RTL layout is used Bug	1	361	July 13, 2023
RTL languages on Meta Branded theme show team-only links Bug custom-header-icons , rtl	5	115	May 31, 2025
UI Bug GitHub Preview URL When Discourse is RTL UX	5	906	October 31, 2019

External link icon not RTL

Related topics