لقد وجدت بعض المشكلات أثناء اختبار CSS لتعديل صفحة 404 في Discourse.
تم التقاط جميع لقطات الشاشة في وضع safe-mode، دون إضافة أي أوراق أنماط مخصصة بعد، مع تثبيت الإضافات الرسمية فقط.
لقد قمت بإنشاء فئات وفئات فرعية بأسماء طويلة جدًا (الحد الأقصى 50 حرفًا، وهو الحد الافتراضي الذي حددته Discourse) وأسماء قصيرة أو عادية لاختبار عرض CSS في صفحة 404.
إليك المشكلات:
عند تعيين نمط الفئة إلى none:
إذا كانت أسماء الفئات طويلة جدًا، فإن الاسم لا يتم قصه بشكل صحيح سواء في الصفحة الرئيسية أو في قائمة الهامبرغر.
من خلال بحث سريع في وحدة تحكم المتصفح، نجد أن العنصر
.badge-wrapper.none span.badge-category وإعدادات CSS الخاصة به غير موجودة في ورقة أنماط Discourse.
عند تعيين نمط الفئة إلى bullet:
إذا كانت أسماء الفئات طويلة جدًا، فإن الرمز النقطي يفقد شكله المربع (هذه المشكلة موروثة أيضًا في تخصيص صفحة 404). لاحظ أن هذه فئة رئيسية.
أعتقد أن المشكلة هنا تكمن في الإعداد display: inline-flex على .badge-wrapper.bullet.
أعلم أن عددًا قليلًا من المواقع ينشئ فئات بأسماء طويلة جدًا (50 حرفًا)، ولكن نظرًا لإمكانية القيام بذلك، يجب تصحيح أخطاء التخطيط هذه.
v1.9.0.beta8 +100