تم دفع بعض الإصلاحات.
التغييرات الرئيسية:
-
يستخدم المكون الآن متغيرات CSS، مما يجعله متوافقًا مع الوضع الداكن.
-
بعض الإصلاحات لاستعلامات الوسائط لإصلاح الخطأ الذي أبلغ عنه @mbauman.
-
تمت إضافة إعداد يسمح لك بالتحكم في ما إذا كان سيتم عرض التذييل في الصفحات التي تتطلب تسجيل الدخول.
السبب هنا هو خصوصية CSS. يستهدف CSS الخاص بك .wrap، ويعمل بشكل صحيح، لكن هذا المكون يحتوي أيضًا على بعض CSS يستهدف #main-outlet ويضيف بعض الخصائص إليه للحفاظ على التذييل في الأسفل حتى في الصفحات القصيرة.
Discourse-easy-footer/common/common.scss at main · discourse/Discourse-easy-footer · GitHub
المحدد #main-outlet أكثر خصوصية من محدد .wrap الخاص بك - لأنه يعتمد على المعرف (ID)، لذا فهو يتجاوز أنماطك.
يمكنك إصلاح ذلك بإضافة هذا CSS
#main {
#main-outlet {
width: 1200px; // أو أي عرض تريده
}
}
بالتأكيد، قم بإزالة جميع الأعمدة الإضافية التي لا تحتاجها في الإعدادات، وستحصل على ثلاثة أعمدة.
لا يمكنني تكرار هذه المشكلة، لكن الخطأ يشير إلى أن إعداداتك غير صحيحة. هل يمكنك التحقق مرة أخرى والتأكد من أنك اتبعت التعليمات تحت كل إعداد؟ إذا استمرت مشكلتك، هل يمكنك مشاركة رابط إلى الموقع الذي تظهر فيه المشكلة؟
لقد قمت ببعض التنظيف وحذفت الردود المتعلقة بالأخطاء التي سيتم إصلاحها بمجرد تحديث المكون. إذا استمرت مشكلتك، فلا تتردد في النشر مرة أخرى حولها.