مشكلة في التوافق مع قالب Foundation (الإصدار 2026.6)

مرحبًا جميعًا،

بعد التحديث الأخير إلى الإصدار v2026.6 من منصة Discourse، نواجه مشكلة غير متوقعة مع قالب Foundation الذي نستخدمه.

قمنا بإجراء عدة فحوصات من جانبنا (اختبارات أساسية، فحص السجلات، تعطيل مكوّنات أخرى، والتحقق من لوحات الألوان)، لكننا حتى الآن لم نتمكن من تحديد السبب الدقيق للمشكلة أو إيجاد حل لإصلاحها.

هل واجه أيٌّ منكم مشاكل مشابهة مع هذا القالب منذ هذا التحديث؟ هل لديكم أي اقتراحات للتحقيق، أو تغييرات محددة في نواة الإصدار v2026.6 يمكن الإشارة إليها، أو أي مقترحات أخرى؟

سنكون ممتنين لأي مساعدة أو فكرة.

شكرًا مسبقًا لملاحظاتكم!

قبل التحديث:

بعد التحديث:

يوجد تغيير قادم على الرابط Modernizing the Foundation theme وهو على الأرجح مفعّل افتراضيًا الآن.
أعتقد أنه يمكنك ما زال التراجع عن التغييرات من خلال الانتقال إلى /admin/config/upcoming-changes واختيار “لا أحد” لهذا التغيير.

لكن بمجرد أن يصبح التغيير دائمًا، لن يعمل ذلك بعد الآن. عندئذٍ ستحتاج إلى مكوّن مخصص لثيم (Theme) يتجاوز الوضع الافتراضي الجديد.

ما هي بعض المشكلات أو الاختلافات التي تواجه صعوبة في التعامل معها؟

مرحبًا بكما،

أشكركما على هذه الملاحظات الأولية.

@NateDhaliwal

1 - تمت إضافة مساحة فارغة فوق شريط البحث وتحته.

2 - الخط الذي كان بخط عريض (Bold) أصبح الآن بخط شبه عريض (Semi-bold).

3 - النص أصبح أقل تباينًا، مع ظهور ضبابية خفيفة.

يمكن تغيير ذلك بإضافة هذا إلى ملف CSS الخاص بسيرتك:

body {
    --webkit-font-smoothing: auto;
}

هناك بعض التفاصيل حول ما يفعله هذا الأمر هنا: A Modern CSS Reset • Josh W. Comeau

في نظام macOS Mojave، الذي تم إصداره في عام 2018، قامت Apple بتعطيل مضاد التورق دون البكسل (subpixel antialiasing) على مستوى النظام بأكمله. أعتقد أنهم أدركوا أنه كان يسبب ضرراً أكثر من نفعه على الأجهزة الحديثة.

بشكل مربك، لا تزال متصفحات macOS مثل Chrome وSafari تستخدم مضاد التورق دون البكسل افتراضياً. نحتاج إلى إيقافه بشكل صريح من خلال تعيين -webkit-font-smoothing إلى antialiased.

لإظهار الفرق… --webkit-font-smoothing: auto; على اليسار، و --webkit-font-smoothing: antialiased; على اليمين

يعرض macOS النص بشكل أغمق افتراضياً، ولكن فقط في المتصفحات وليس في بقية النظام… خيار antialiased يجعله أقرب إلى طريقة عرض النص في أنظمة التشغيل الأخرى… في Chrome على Windows لا ينطبق هذا كود CSS ويبدو النص بهذا الشكل افتراضياً: