تعديل ارتفاع المُكوِّن الافتراضي

:bookmark: يشرح هذا الدليل كيفية تخصيص الارتفاع الافتراضي للمؤلف عند إنشاء مواضيع جديدة أو ردود في Discourse.

:person_raising_hand: مستوى المستخدم المطلوب: مسؤول أو مطور سمات

نظرة عامة

يسمح لك Discourse بتخصيص الارتفاع الافتراضي للمؤلف عندما ينشئ المستخدمون مواضيع جديدة أو يردون على مواضيع موجودة. يمكن أن يؤدي هذا إلى تحسين تجربة المستخدم من خلال توفير مساحة تحرير أكثر راحة بناءً على احتياجات مجتمعك.

تعيين ارتفاعات مخصصة للمؤلف

يوفر Discourse خاصيتين مخصصتين لـ CSS تتحكمان في الارتفاعات الافتراضية للمؤلف:

  • --reply-composer-height
    يتحكم في الارتفاع الأولي عند الرد على موضوع

  • --new-topic-composer-height
    يتحكم في الارتفاع الأولي عند إنشاء موضوع جديد

لتعديل هذه القيم، أضف CSS التالي إلى السمة الخاصة بك:

:root {
    --reply-composer-height: 255px;
    --new-topic-composer-height: 400px;
}

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

تفضيلات المستخدم

:information_source: تؤثر تغييرات CSS هذه فقط على الارتفاع الافتراضي الأولي. إذا قام المستخدمون بتغيير حجم المؤلف يدويًا عن طريق سحب المقبض، فسيتذكر Discourse إعداد الارتفاع المفضل لديهم للجلسات المستقبلية. تفضيلات المستخدم لها الأسبقية دائمًا على هذه القيم الافتراضية.

أين تضيف هذا الكود

الطريقة الموصى بها هي إنشاء مكون سمة جديد بهذه التغييرات. يمكنك اتباع دليل إجراء تغييرات CSS المخصصة على موقعك.

اختبار تغييراتك

بعد تطبيق هذه التغييرات، قم بإنشاء موضوع جديد والرد على موضوع موجود للتحقق من ظهور المؤلف بالارتفاع المطلوب.

7 إعجابات