تحديث سمة Foundation

كيفية ظهورها على Foundation وMeta Branded:

image image

يجب أن تكون حاويات الرقم والسهم بنفس الحجم.

إعجابَين (2)

لا أرى هذا على الهاتف المحمول. أفترض أن هذا خاص بـ #desktop؟

شكرًا لك، لقد بحثت أكثر: والسبب هو موضوع الأساس الجديد، والذي يُستخدم أيضًا على Meta Branded، ويحدث على كل من سطح المكتب والجوال.

لست متأكدًا مما إذا كان يجب نقله إلى Modernizing the Foundation theme أم لا.

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

اتخذتُ القرار التنفيذي بفعل ذلك :wink:

3 إعجابات

تم إصلاح ذلك وسيتم تحديثه قريبًا

3 إعجابات

في الوضع الداكن، تكون حالة active على بعض الأزرار (مرئية بشكل رئيسي عند التنقل بلوحة المفاتيح، ومؤقتة فقط عند استخدام الفأرة أو اللمس) قاسية على العين:
image

وكذلك حالة hover باللون الأحمر:
image

لكن الأسوأ هو زر “الخطر” بخلفية حمراء داكنة ونص داكن:
image

ربما يكفي تعديل قيمة اللون الأحمر/السطوع لحل المشكلتين الثانية والثالثة.

إعجابَين (2)

هل هذا يقتصر على سمة Meta هذه فقط؟

نعم. على الأساس:

نشط
image

تحويم
image

خطر
image

تباينات أفضل من Meta Branded.

إعجابَين (2)

لا يزال هذا هو الحال:

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

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

حقول النص في الإعدادات، على سبيل المثال، لها حدود أغمق:

لاحظت أيضًا أن هذا يبدو أنه يكسر تنسيق أمان الفئة:

يبدو أيضًا أن اختيار المجموعة للتغيير القادم كبير بشكل غير معتاد في التصميم الجديد:


3 إعجابات

أعتقد أن حجم نص شريط التنقل صغير جدًا على الجوال. كما أن خط المقترحات/ذات الصلة صغير جدًا أيضًا.

انظر أيضًا

إعجابَين (2)

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

أعتقد أنه يمكنك تقديم ملاحظات لمسؤولي الموقع أيضاً، وربما يمكنهم إنشاء سمة أخرى بالتغييرات القديمة؟ فتكبير الخطوط التي أشرت إليها ليس بالأمر الصعب باستخدام CSS. أو يمكنك استخدام امتداد متصفح من نوع Stylus لإضافة تعديلاتك الخاصة (أقوم بذلك مع جميع مواقع Discourse التي أزورها، بما في ذلك هذا الموقع).

4 إعجابات

هناك فجوة صغيرة أسفل زر “ذات صلة”


تصبح أكثر وضوحًا عند زيادة حجم الخط

Stylus

.more-topics__container .nav .d-button-label {
   font-size: 150%;
}


إعجابَين (2)

نعم، لهذا السبب قلت

3 إعجابات

العيوب ظاهرة هنا

إعجابَين (2)

حسنًا، هذه مشكلة في تجربة المستخدم (UX) تتعلق بالموضوع الجديد Foundation وزر الموضوعات المتعلق بالذكاء الاصطناعي الذي تم حقنه. فئات الزر تختلف قليلاً، ويبدو أن وجود ارتفاع سطر إضافي (line-height) يُسبب أيضًا بعض المشاكل.

image

لكن هذا الإصلاح سيساعد في حل المشكلة جزئيًا - يمكن تطبيق التصحيح عن طريق ضبط الحشو (padding) وإزالة ارتفاع السطر:

.more-topics__container .nav {
    font-size: larger;
    
    li .btn {
        padding: .5em;
        line-height: 0;
    }
}

سطح المكتب:

الجوال:

إعجابَين (2)

في قائمة الحالة المثبتة، تتداخل الخيارات بشكل كبير:

3 إعجابات

إظهار صفحة إدارة مجموعات التبويب في متصفح الهاتف المحمول بشكل مشوش - المساهمة / تجربة المستخدم - Discourse Meta

هل لا يزال من الممكن الانسحاب من هذا التغيير هنا في Meta؟ لم انضم إلى المجموعة، لكن يبدو أن التغيير مفعّل لدي الآن، مما يؤدي إلى أن أرى حدود الأزرار بصعوبة شديدة رغم أنني أستخدم لوحة ألوان WCAG.

إعجابَين (2)

لا، لم يعد خيار الانسحاب متاحًا في ميتا، فأصبحت المجموعة عديمة الفائدة الآن.

لكن يمكنك الاستمرار في الإبلاغ عن المشكلات التي تلاحظها، كما أنا متأكد أنك ستفعل، لاكتشاف ما لا يزال بحاجة إلى تحسين.

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

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

4 إعجابات