UI Layout Broken for RTL Language After Latest Update

خلل
,
1

The image shows a Slack interface with thread categories, such as "My Threads," "General," and "DMS," and a dropdown menu labeled "Default." (Captioned by AI)
The image shows a Slack interface with thread categories, such as "My Threads," "General," and "DMS," and a dropdown menu labeled "Default." (Captioned by AI)462×337 9.66 KB

This image shows a discussion in Arabic between two users, with one asking about book designs and the other providing advice on using third-party software for designing book covers in Microsoft Word. (Captioned by AI)
This image shows a discussion in Arabic between two users, with one asking about book designs and the other providing advice on using third-party software for designing book covers in Microsoft Word. (Captioned by AI)1826×746 146 KB

The image is a screenshot of a digital chat platform featuring a conversation in Arabic language moderated by a user named "내말씨" (Chat Moderator) and includes instructions for helping prevent hoax information from spreading, as organized by "Staff" with various emojis and icons present. (Captioned by AI)
The image is a screenshot of a digital chat platform featuring a conversation in Arabic language moderated by a user named "내말씨" (Chat Moderator) and includes instructions for helping prevent hoax information from spreading, as organized by "Staff" with various emojis and icons present. (Captioned by AI)1826×746 63.3 KB

I am experiencing a critical UI layout issue with my Discourse instance after updating to the latest version today.

When the user interface language is set to Persian (RTL), the entire layout appears broken and scrambled. Various UI components are overlapping, misaligned, and generally rendered incorrectly. I have attached a screenshot to illustrate the problem clearly.

However, when I switch the user interface language to English, the layout renders perfectly with no issues whatsoever. This strongly suggests the problem is specific to the Persian language localization or its interaction with the updated Discourse core.

I have already attempted basic troubleshooting steps such as clearing browser cache and testing on different browsers, but the issue persists consistently when Persian is selected.

Could you please investigate this matter?
Thank you."

3 إعجابات
4

لتوفير مزيد من الوضوح بشأن المشكلة، قمت بتعليق لقطة الشاشة المرفقة. يمكنك ملاحظة هذه المشكلات بنفسك على mobahasah.ir.

كما هو موضح، عند ضبط لغة الواجهة على الفارسية (RTL)، يتم عرض جدول المحتويات الذي تم إنشاؤه بواسطة DiscoTOC بشكل غير صحيح، حيث يعرض في نفس الوقت جدول المحتويات والجدول الزمني. بالإضافة إلى ذلك، فإن مكون Google Font لا يعمل.

علاوة على ذلك، فإن تطبيق السمات المختلفة لا يتم عرضه بالكامل؛ على سبيل المثال، يظل لون خلفية المنتدى الرئيسي دون تغيير. يتم حل جميع هذه المشكلات عن طريق تبديل لغة واجهة المستخدم إلى اللغة الإنجليزية.

The image shows a enlarged section of text from a source account in Arabic, overlaid with green highlighting and directional arrows. (Captioned by AI)
The image shows a enlarged section of text from a source account in Arabic, overlaid with green highlighting and directional arrows. (Captioned by AI)1826×746 73.1 KB

إعجاب واحد (1)
7

مرحباً @serkhelesheyi

يجب حل هذه المشكلة بواسطة FIX: Serve RTL CSS for themes and components (#32916) · discourse/discourse@1de8960 · GitHub. هل يمكنك تحديث موقعك مرة أخرى وتأكيد حل المشكلة؟

5 إعجابات
9

نعم، شكرا جزيلا لك على جهودك يا أسامة. لقد تم حل المشكلات.

4 إعجابات
10

تم إغلاق هذا الموضوع تلقائيًا بعد 5 أيام. لم يعد مسموحًا بالردود الجديدة.