لقد قمت للتو بتحديث Discourse إلى أحدث إصدار وهناك بعض المشكلات مع التقريب الجديد لحدود CSS، خاصة في المواقع ذات الرؤوس الداكنة.
إليك لقطة شاشة من رأس داكن حيث لم تعد الأجزاء تتناسب معًا بشكل نظيف:
إليك هذا في هذا المنتدى مع إضافة حدود CSS حمراء لتوضيح الأمر:
إليك كيف يبدو الأمر في منتدى لم يتم تحديثه بعد — أعتقد أن هذا يبدو أفضل بكثير مع تقليل التقريب ومع الحشو القديم (وبدون تقريب حيث تلامس الزاوية خطًا مستقيمًا).
هذه مجرد ملاحظات، لأنه يجب أن يكون من السهل بما يكفي عليّ تغييرها في منتدياتي الخاصة:
عدم وجود مساحة كافية هناك لا بأس به. قد أكون أنا فقط، ولكن في كل مرة أنقر فيها على القائمة، يقول عقلي: “هناك شيء لا يبدو صحيحًا”. أعتقد أن الأمر يتعلق بنصف قطر الحدود أكثر من المساحة، لأنه يبدو أن الصندوق المحيط بأيقونة المستخدم له نصف قطر 4px، ولكن القائمة لها نصف قطر 2 * 4px. الأزرار الموجودة في الشريط الجانبي هي أيضًا 4px. أعتقد أنه سيبدو أفضل إذا كانت حدود القائمة 4px بحيث تكون متوافقة مع بقية الصفحة.
(تبدو لقطات الشاشة الخاصة بك وكأن كل شيء قد يكون 8px، ولكني أعتقد أنه يبدو مستديرًا جدًا. ما لم أكن مخطئًا، عندما أسجل الخروج أرى نصف قطر 8px ولكن عندما أسجل الدخول أرى 4px. لقد جربت في عدة متصفحات.)
تعديل: قد نرى أشياء مختلفة. إنها ليست مشكلة كبيرة، لأنني أستطيع تجاوز المتغير، ولكن هذه الزاوية العلوية اليسرى تبدو غريبة بالنسبة لي كلما نقرت عليها في مواقعي. ربما يؤدي التقريب الأكبر إلى اقتراب الحافة من النص، وهذا هو سبب ذكري للمساحة في تعليقي السابق.
