مشكلة مع `topic-progress-wrapper` في RTL

مرحبًا يا discourse العزيز،
في الاتجاه من اليمين إلى اليسار (RTL)، عند الوصول إلى نهاية صفحة الموضوع، يُسبب كلاس topic-progress-wrapper تشويشًا في الصفحة. يرجى مراجعة هذه النقطة.

عند التعليق على القيم التالية، يتم حل المشكلة:

@media screen and (min-width: 925px)
.container.posts .topic-navigation {
    grid-area: timeline;
    align-self: start;
    /* position: -webkit-sticky;
       position: sticky; */
    top: 6em;
    margin-right: 1em;
    z-index: 100;
}

مرحبًا @Nildarar

هل يمكنك مشاركة لقطة شاشة للمشكلة، من فضلك؟

غير ظاهر في لقطة الشاشة. دعني أشرح المزيد. لرؤية المشكلة، يرجى اتباع الخطوات التالية:

  1. اجعل قالبك من اليمين إلى اليسار (RTL)
  2. انتقل إلى عرض الهاتف المحمول
  3. زد عرض الشاشة إلى أكثر من 925 بكسل
  4. انتقل إلى نهاية الموضوع
  5. تختفي وحدة تقدم الموضوع من الشاشة وتبدأ الصفحة في التمرير أفقيًا.

كان بإمكاننا إصلاح هذه المشكلة بأنفسنا عن طريق تغيير CSS، لكنني اعتقدت أنه قد يكون هناك خطأ يتجاوز ذلك، وسيتم اكتشافه من خلال مراجعتكم.

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

حسناً، إذن هذه عرض لمشكلة أكبر. المشكلة الجذرية هنا هي أن Discourse يجب أن يعرض في وضع سطح المكتب بدلاً من وضع الجوال عندما يكون عرض الشاشة ≥ 925 بكسل. هل يمكنك إخباري على أي جهاز (أجهزة) ترى هذه المشكلة؟

جدير بالذكر أن إزالة position: sticky قد تبدو وكأنها تحل هذه المشكلة المحددة، لكنها ستكسر خط زمن الموضوع (لن ينزل عند التمرير لأسفل الموضوع).


هذا غير مرتبط بهذا إلى حد ما، لكنني لاحظت أن شريط تقدم الموضوع يجب أن يكون على اليسار بدلاً من اليمين عند الترتيب من اليمين إلى اليسار (RTL). أرسلت طلب سحب (PR) لهذا هنا: FIX: Topic progress bar should be on the left in RTL layouts by OsamaSayegh · Pull Request #11999 · discourse/discourse · GitHub.

7 إعجابات

أبلغنا المستخدمون عن ذلك، ورأيته في أدوات المطورين. سأستشير زملائي وأعلمك بالنتيجة.

شكرًا لك على هذا الإصلاح :+1:

إعجابَين (2)

تم الدمج، شكرًا جزيلاً على الإبلاغ، آمل أن يحل المشكلة.

3 إعجابات