التفاف النص معطل في العرض على الهاتف المحمول بسبب مكون سمة التذييل السهل

على https://community.drownedinsound.com/، في الساعات القليلة الماضية، حدث شيء ما للموقع حيث لم يعد يتم تطبيق التفاف النص، إلى جانب سلوكيات واجهة مستخدم غريبة أخرى. هذا يحدث فقط في عرض الهاتف المحمول.

هناك عدد قليل من المواضيع هناك مع أشخاص يشتكون من نفس السلوك، لذا هذا ليس شيئًا خاصًا بمستخدمي:
https://community.drownedinsound.com/t/thread-titles-arent-wrapping/66342

يمكنك أن ترى من أوقات النشر، أن هذا بدأ يحدث قبل حوالي 12 ساعة، أي 20:30 (CEST) 08-05-2022.

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

مرحباً،

يبدو أن هذا ناتج عن هذا الرابط Easy Responsive Footer
يحتوي المكون على سطر CSS #main-outlet الذي يسبب هذه المشكلة.
Discourse-easy-footer/common/common.scss at 6e2eee67633c09b24dbc3292c2c39251dab31c55 · discourse/Discourse-easy-footer · GitHub

هناك تقرير آخر حول هذه المشكلة في موضوع المكون.


يمكنك استخدام هذا الحل السريع حتى يتم إصلاح المشكلة.
انتقل إلى /admin/customize/themes وأنشئ مكونًا جديدًا.
انقر على قسم CSS للجوال وأضف ما يلي.

#main-outlet {
  width: 100%;
  max-width: 100%;
}

7 إعجابات

لقد قمت بتحديث المنشور أعلاه. نسيت استبدال الحد الأقصى للعرض. @ma0sm ، @AquaL1te

3 إعجابات

مرحباً! شكراً على هذا. ومع ذلك، عندما أحاول تطبيق الإصلاح السريع في إعدادات المسؤول، أتلقى هذه الرسالة:

تم تعطيل تحرير السمات البعيدة في Discourse. يرجى الاتصال بنا إذا كنت بحاجة إلى مساعدة في نقل السمات البعيدة المخصصة إلى سمة محلية.

لذلك يبدو أننا سنحتاج إلى بعض المساعدة منكم في هذا الأمر :slight_smile:

إعجابَين (2)

ستضيف مكون سمة جديدًا مع المقتطف الإضافي من التعليمات البرمجية فيه. :+1:

  • انتقل إلى /admin/customize/themes
  • انقر فوق تثبيت ثم إنشاء جديد
  • قم بتسميته، وحدد “مكون”.
  • إنشاء
  • أضفه إلى السمة الخاصة بك
  • انقر فوق الزر تحرير CSS/HTML والصق التعليمات البرمجية في حقل CSS في علامة التبويب الجوال
  • و حفظ
4 إعجابات

شكرا لك! يبدو أن هذا قد نجح! :grin:

3 إعجابات

يبدو جيدًا! شكرًا جزيلاً على مساعدتك السريعة!

ولكن هناك مساحة أكبر مما كانت عليه من قبل، أعتقد. هل سيتم حل هذا عند تطبيق الإصلاح الكامل؟

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

أعتقد أن هذا بسبب أن الإعلان غير مناسب لعرض الهاتف المحمول. هل يمكنك محاولة تعطيل Easy responsive footer والمكون الآخر الذي أنشأته بالرمز الذي نشرته سابقًا. فقط للتحقق مما إذا كانت مشكلة الهامش ناتجة عن الإعلانات أو شيء آخر؟

أعتقد أنني وجدت حلاً محتملاً لهذا. :thinking:

هل يمكنك إضافة هذا إلى نفس المكون الجديد الذي أنشأته سابقًا للتحقق من كيفية عمله؟ فقط قم بلصقه أسفل المقطع السابق @dis_whiterussian

.wrap {
  margin-left: unset;
  margin-right: unset;
}
5 إعجابات

شكرا لك، يبدو أن هذا قد حل المشكلة!

3 إعجابات

لقد أضفت إصلاحًا إلى التذييل السهل

5 إعجابات

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