External link icon not RTL

zogstrip · 1 april 2026 om 13:02

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

Topic		Antwoorden	Weergaven
Reverse Reply arrow icon for RTL UX rtl , fixed	2	58	7 maart 2026
Switch/toggle buttons not correct for RTL languages UX rtl , fixed	8	124	16 februari 2026
The menu icon is displayed on top of the site logo in full-width themes when the RTL layout is used Bug	1	365	13 juli 2023
RTL languages on Meta Branded theme show team-only links Bug custom-header-icons , rtl	5	117	31 mei 2025
UI Bug GitHub Preview URL When Discourse is RTL UX	5	906	31 oktober 2019

External link icon not RTL

Gerelateerde topics