تحسينات CSS لإشعار منشور "لون الموظفين"

[MarcP]

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

يسعدني تقديم طلب سحب (PR) ولكني لست متأكدًا حقًا من مكان العثور على CSS لسطح المكتب/الهاتف المحمول.

أجريت التغييرات التالية:

سطح المكتب

.moderator .regular>.cooked {
    margin-left: 8px;
}

الهاتف المحمول

.moderator .regular>.cooked {
    padding-top: 1em;
    padding-left: 1em;
}

قديم مقابل جديد

على سطح المكتب، قمت بمحاذاة بداية الكتلة مع اسم المستخدم فقط لأنها بدت أكثر إرضاءً للعين. (الزوايا المستديرة محلية، لقد قمت بإزالتها من الكود أعلاه ولكن سأضيفها في القالب الذي كتبته في أسرع وقت ممكن)

وعلى الهاتف المحمول، قمت بتثبيت الحشو لجعل النص في المنتصف

[MarcP]

هل يمكن تكرار هذا على ميتا؟ هل يمكن لمشرف إضافة “لون الموظفين” إلى هذا المنشور؟

تحرير: يمكن تأكيد أن المشكلة تبدو موجودة على ميتا أيضًا هنا و هنا لفرض إصدار الهاتف المحمول (تحديث بعد النقر لتحميل الهاتف المحمول)

هذا هو أول طلب سحب لي إلى النواة، يرجى التحقق مما إذا كان وفقًا للمعايير. ولكن يجب أن يجعل طلب السحب هذا الأمر أكثر سلاسة:

UX: pretty up staff color block margins

[awesomerobot (Kris)]

أتفق على أن محاذاة المربع ليست مثالية، ولكنني أود حقًا الحفاظ على محاذاة النص وعرض المنشور إذا أمكن… الإزاحة تغير تلك المحاذاة اليسرى، وتجعل أيضًا محتوى المنشور أضيق من المنشورات الأخرى

[MarcP]

أتفق مع رأيك.

ما رأيك في المثال أدناه. تم تغيير الألوان لجعل التفاصيل أكثر وضوحًا لأغراض الاختبار.

edit margins for desktop

[chapoi]

يبدو هذا جيدًا بالنسبة لي. @awesomerobot؟

[awesomerobot (Kris)]

نعم، هذا يخفف من مخاوفي — شكرًا @MarcP!