 |
ملخص | يجعل [details] أكثر وضوحًا بأنها قابلة للنقر |
 |
معاينة | عبر Theme Creator |
 |
المستودع | Ger / Component - Better Hide Details · GitLab |
 |
دليل التثبيت | كيفية تثبيت سمة أو مكون سمة |
 |
جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse |
تثبيت مكون السمة هذا
الوصف
يجعل هذا المكون أكثر وضوحًا أن عنوان [details] يعمل مثل زر. التفاصيل المتداخلة لها لون أكثر كثافة لكل مستوى ومن الواضح أين ينتهي كل عنصر.
لقطات شاشة
مع مكون السمة Hide Details Button Style
بدون مكون السمة Hide Details Button Style
هذا هو نفس الشيء بدون تفعيل المكون في تثبيت عادي:
المصدر المستخدم في المثال
[details=سطر العنوان]
المحتوى
[details=عنوان متداخل مغلق]
محتوى متداخل
[/details]
[details=عنوان متداخل]
محتوى متداخل إضافي
[/details]
[/details]
[details=تفاصيل ثانية]
محتوى إضافي
[/details]
نص
[details=تفاصيل إضافية]
محتوى إضافي آخر
[/details]
(↑ فيما يتعلق بتنسيق Discourse meta لإخفاء التفاصيل، لست متأكدًا تمامًا مما يؤثر على السمات في هذا التثبيت أو ما إذا كان ذلك قد يكون ميزة قادمة.)
الميزات
- يجعل من الواضح أين تبدأ/تنتهي
[details]وأنها قابلة للنقر - يتم تمييز
[details]المحدد حاليًا بصريًا عند الضغط على TAB. - يتم التعامل مع العديد من الحالات الاستثنائية مثل التداخل، والتفاصيل المتتالية المتعددة
- يظهر مباشرة في معاينة المحرر
- عرض أساسي في خلاصات “أحدث الردود” وما إلى ذلك.
- يستخدم اللون الثلاثي لمخطط الألوان
- سهم منفصل لعناوين الملخصات متعددة الأسطر
ملاحظات
- لقد اختبرته مع جميع السمات في مثيل Discourse الذي أشارك فيه وعمل هناك
- يستخدم جزئيًا ميزات CSS أحدث، لذا قد لا تعمل الألوان بشكل صحيح في المتصفحات القديمة
- إذا قامت Discourse بتغيير كيفية هيكلة أو تصميم
[details]في المستقبل، فمن المحتمل أن يتعطل مكون السمة هذا.
سيكون من الأفضل لو كان هناك إعداد للون الخلفية.