معاينات قائمة المواضيع (التقليدية)

شكرًا لك، سأجرب ذلك.

إعجابَين (2)

جون، راجع أيضًا ملف /latest.json والبيانات الواردة للصور المصغرة - تأكد من عمل الروابط، على سبيل المثال:

إعجابَين (2)

لقد قمت بنقل التحسينات الخاصة بالصور المميزة من TC إلى الإضافة اليوم، مما يعني أنه يمكنك الآن الحصول على صور مميزة على الأجهزة المحمولة، كما تحسنت التنسيق بشكل كبير.

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

تذكّر أنه يمكنك تعيين العرض الأفقي إلى صفر للسماح للتخطيط بتحديد العرض بناءً على نسبة الأبعاد، مما يعزز مظهرًا أكثر أناقة. كما يمكنك إخفاء مقتطفات النص من الإعدادات إذا كانت الصور أو الإعدادات تخلق ازدحامًا كبيرًا.

يعمل هذا الموقع حاليًا مع الإضافة:

ملاحظة: يبدو الشكل أفضل قليلاً في متصفح Safari نظرًا لشريط التمرير الأنيق الخاص به :slight_smile:

3 إعجابات

مرحبًا، بعد التحديث، لدي شريط تمرير أفقي غير مفيد. كيف يمكنني إزالته :slight_smile:

حاليًا، قمت بإزالة شريط التمرير هذا عن طريق تعديل CSS:

.tlp-featured-topics.has-topics .topics {
    overflow-x: hidden;
}
إعجابَين (2)

نعم، هذا هو النهج الصحيح. لا أرى أنه يحدث أي تجاوز في الوقت الحالي. يبدو شريط التمرير أقل قبحًا بكثير على متصفح سفاري، بالمناسبة.

لسوء الحظ، سيمنعك هذا النهج من التمرير إذا أصبحت الصور المميزة أكثر عددًا بشكل كبير وتم عرضها على اليمين.

لذا، هناك نهج آخر: انشر محتوى مميزًا أكثر بكثير!!

إعجابَين (2)

بالمناسبة، يمكنك تجربة تنسيق شريط التمرير. للأسف، الأمر معقد لأنه ليس معيارياً عبر جميع المتصفحات. على سبيل المثال:

/* يعمل على Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: grey darkgrey;
}

/* يعمل على Chrome وEdge وSafari */
*::-webkit-scrollbar {
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: darkgrey;
}

*::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 0px;
  border: 0px solid grey;
}

المصدر: How to Customize Scrollbars with CSS: Styling Guide with Examples | DigitalOcean

إعجابَين (2)

شكرًا لك! هذا حل رائع :slight_smile:

إعجابَين (2)

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

ومع ذلك، بعد بضعة أسابيع من الاستخدام، اضطُررنا إلى تعطيلها الآن لأنها تسبب مشاكل كبيرة عند التنقل داخل المواضيع وخارجها. بشكل عام، عند الدخول إلى موضوع، غالبًا ما يحدث وميض في التخطيط، وتختفي شريط التنقل للحظة قبل عرض الموضوع. وبالمثل، عند العودة للخلف، يحدث نفس الشيء، ويتم فقدان موضع التمرير في قائمة المواضيع. بالإضافة إلى ذلك، فإن التنقل داخل وخارج المواضيع أبطأ بشكل ملحوظ مقارنةً بحالة تعطيل الإضافة. إليك تسجيلًا للشاشة يوضح كيف يبدو الأمر على الهاتف المحمول (عذرًا على رابط Gfycat، حيث كانت لقطة الشاشة كبيرة جدًا لرفعها على Discourse).

هل تعرف ما الذي قد يسبب هذه المشاكل، وهل هناك أي إجراء يمكن اتخاذه لمنعها؟ لا توجد أخطاء في وحدة التحكم أو أي شيء آخر قد يعطي تلميحًا عما هو معطل.
لقد قمت بضبط مستوى دقة الصور المصغرة لقائمة المواضيع على أقل إعداد وهو 6، نظرًا لأننا لا نحتاج إلى صور كبيرة، لذا لا ينبغي أن يكون حجم الصور عاملًا مؤثرًا. لا تتردد في إخباري إذا كان هناك أي معلومات أخرى يمكنني تقديمها للمساعدة.

إعجابَين (2)

شكرًا على التقرير. هل جربت TC، بدافع الفضول؟

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

لا، لم أجرب ذلك بعد. إذا كنت تعتقد أنه قد يحسّن الأمور، فسأجربه. هل من الآمن تثبيته جنبًا إلى جنب مع الإضافة (المعطّلة)؟

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

على الأرجح لا، ستحتاج إلى إعادة التثبيت.

السلوك الذي تصفه غريب. روابط العناوين (href) متطابقة تقريبًا مع تلك الموجودة في الصور المصغرة.

هل يمكنك تأكيد أن النقر على الصور المصغرة لا يُظهر المشكلة؟ (في الإضافة).

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

أؤكد ذلك! لم ألاحظ حتى الآن أن النقر على الصورة المصغرة ينقلك إلى أول منشور في الموضوع. النقر على الصورة المصغرة سريع كما يجب أن يكون.

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

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

إعجابَين (2)

لقد جربت TC الآن، وللأسف يظهر نفس السلوك.

إعجابَين (2)

شكرًا لك.

نعم، هذا مثير للاهتمام.

عناوين URL صحيحة، لكن يبدو أن Ember يقوم بترقية نقرات العناوين إلى تحديث كامل للصفحة.

إذا نظرت إلى تبويب الشبكة في متصفحك، فستلاحظ الفرق.

أنا متأكد تقريبًا من أن هذا لم يكن يحدث من قبل.

يتم إنشاء العنوان بواسطة نفس الكود في النواة، لذا فإن هذا الأمر محير للغاية.

إعجابَين (2)

يبدو أنه عندما توجد صور في أعلى المنشور، فقد يتسبب ذلك في مشاكل في تنسيق “مقتطف قائمة الموضوعات”. (حدث هذا في كل من الإضافة و TC)

إليك مثال.
السطران الأولان صحيحان، ولكن بعد صورة، تغير تنسيق السطور الثالث والرابع. (حدث هذا في جميع السمات التي جربتها)

عند استخدام أداة الفحص، يبدو أن “مقتطف قائمة الموضوعات” يحاول تضمين رابط الصورة ضمن المقتطف، مما يتسبب في مشكلة في التنسيق.

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

“list/topic-excerpt” موجود في النواة، وليس في الإضافة أو TC للأسف.

أنا لا أقوم بتجاوزها مباشرة.

أتساءل عما إذا كان الأمر يتعلق ببعض الأكواد غير الضرورية في jQuery؟

لا تتردد في المساعدة في عملية تصحيح الأخطاء.

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

شكرًا لك على ردك السريع. :smiling_face_with_three_hearts:

لقد لاحظت أيضًا أن بعض الروابط داخل مقتطفات المنشورات قد تتسبب في تداخل صورة البلاطة.

يبدو أن السبب هو رابط inline-onebox.

غير متأكد مما إذا كان الأمر مرتبطًا بنواة Discourse أو بإضافة TLP. :thinking:

ربما سأقوم بتعطيل المقتطفات مؤقتًا في الوقت الحالي.
شكرًا جزيلاً لك :grinning:

إعجابَين (2)

عذراً، نعم، قد يكون الأمر متعلقاً بـ CSS. حاول تعديله. قد تكون لدى TC تحسينات في CSS لذلك… لا أتذكر :slight_smile:

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

شكرًا جزيلاً لك. :grinning_face_with_smiling_eyes:

نعم، أعتقد أنك محق، عند استخدام TC، لا توجد مشكلة.
تظهر مشكلة التداخل فقط بعد التبديل إلى Plugin.

آمل أن تتمكن Chrome من إصلاح حد 1000 سطر في CSS Grid قريبًا، بحيث يمكننا استبدال Plugin بـ TC بالكامل.

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

شكرًا لتأكيدك. سأحاول نقل هذا الـ CSS في وقت ما. وفي الوقت الحالي، يمكنك ببساطة استخدامه للتجاوز في ملف TC محلي.

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