عندما يكون لدي قائمة نقطية تتضمن مربعات اختيار، تفشل النقاط في الظهور. لست متأكدًا مما إذا كانت هذه ميزة أم خطأ. من الصعب التحكم فيها بالتأكيد.
1. [] عنصر مرقم عادي مع مربع اختيار
- نقطة عادية
- [] مثال على مربع اختيار نقطي
[] عنصر نقطي مثال 2
- [] عنصر نقطي مثال 3
- [] عنصر نقطي مثال 4
- [] عنصر نقطي مثال 5
يعطي:
إنها ميزة ولكن ربما يمكن تحسينها قليلاً. يمكنني رؤية CSS لـ .has-checkbox وهي محذوفة عمدًا بسبب الضوضاء البصرية.
لقد جربت للتو العدد الصحيح من المسافات البادئة.
بالطبع لا تزال نقاط التعداد مفقودة، لكنها تبدو لطيفة جدًا الآن!
1. [] عنصر مرقم عادي مع مربع اختيار أ (0 مسافة بادئة)
- نقطة تعداد عادية أ.1 (4 مسافات بادئة)
- [] مربع اختيار نقطة تعداد مثال أ.1 (4 + 2 = 6 مسافات بادئة)
- نقطة تعداد عادية أ.2 (4 مسافات بادئة)
- [] مربع اختيار نقطة تعداد مثال أ.2 (4 + 2 = 6 مسافات بادئة)
ملاحظة: تمت إضافة سطر جديد هنا بين قوائم من أنواع مختلفة
- [] عنصر نقطة تعداد مثال ب (0 مسافة بادئة)
- [] عنصر نقطة تعداد مثال ب.1 (2 مسافة بادئة)
- [] عنصر نقطة تعداد مثال ب.1.1 (2 + 2 = 4 مسافات بادئة)
- [] عنصر نقطة تعداد مثال ب.1.1.1 (2 + 2 + 2 = 6 مسافات بادئة)
- [] عنصر نقطة تعداد مثال ب.1.1.2 (2 + 2 + 2 = 6 مسافات بادئة)
- [] عنصر نقطة تعداد مثال ب.1.2 (2 + 2 = 4 مسافات بادئة)
- [] عنصر نقطة تعداد مثال ب.2 (2 مسافة بادئة)
- [] عنصر نقطة تعداد مثال ب.2.1 (2 + 2 = 4 مسافات بادئة)
- [] عنصر نقطة تعداد مثال ب.2.2 (2 + 2 = 4 مسافات بادئة)
كيف يحصل المرء على نقطة تعداد نقطي و مربع اختيار؟ تحصل على ذلك بالأرقام، لكنني أريده بنقاط تعداد نقطي.
1. []
1. []
- []
أود أن يتم تقديم [] في القوائم على النحو التالي:
1.
[]
1.
- []
أي، يتم التعامل مع نقاط التعداد النقطي بنفس طريقة الأرقام.
تراجع عالٍ حقًا؟
- قائمة
- [] اختبار
- [] اختبار
- [] اختبار
- [] اختبار
لا يتم تنقيطها بهذه الطريقة، لكنها تترك الشرطة التي تبدو تقريبًا كنقطة.
في الواقع، إليك حل حقيقي:
أي ␆ في هذا المثال يجب استبداله بمسافة صفر عرض
- قائمة
- ␆[] العنصر أ
- ␆[] العنصر أ.1
- ␆[] العنصر أ.1.1
- ␆[] العنصر أ.1.1.1
- ␆[] العنصر ب
مسافة صفر عرض للنسخ للاختبار:
@Firepup650 اكتشاف رائع! أي حرف يُضاف أمام مربع الاختيار سيجعل نقاط التعداد مرئية.
لحل عام: أضف CSS مخصص هذا إلى مثيل Discourse الخاص بك.
ul li.has-checkbox .list-item-checkbox {
position: relative;
left: 0;
}
.cooked ul li.has-checkbox,
.d-editor-preview ul li.has-checkbox {
position: relative;
list-style-type: disc;
}
.cooked ul ul li.has-checkbox,
.d-editor-preview ul ul li.has-checkbox {
list-style-type: circle;
}
.cooked ul ul ul li.has-checkbox,
.d-editor-preview ul ul ul li.has-checkbox {
list-style-type: square;
}
هذا حل واحد، ويعمل. لكن بصراحة… إنه يسبب لي صداعًا لأنه يعطي تذكيرًا قويًا بكيفية إجبار Excel على تحديد خلايا النص 
لذا، دعنا نجعل هذا طلب ميزة:
إذا كانت هناك قائمة بمربعات الاختيار حاليًا، فسيتم عرض القائمة بدون نقاط تعداد.
- [] نقطة 1
- [] نقطة 2
- [] نقطة 3
- [] نقطة 4
إضافة علامة اقتباس مفردة (على سبيل المثال، Excel نص بدون تنسيق) قبل مربع الاختيار يعطل هذه الميزة بالفعل وتكون نقاط التعداد مرئية، ولكن يجب أيضًا إزالة علامة الاقتباس المفردة.
- '[] نقطة 1
- '[] نقطة 2
- '[] نقطة 3
- '[] نقطة 4
<!--
كود ماركداون هذا:
-->
- '[] نقطة
<!-- يجب أن يصبح HTML: (ملاحظة: لا توجد علامة اقتباس مفردة مرئية) -->
<ul>
<li><span class="chcklst-box fa fa-square-o fa-fw"></span> نقطة</li>
</ul>
<!-- بدلاً من هذا HTML: (ملاحظة: علامة الاقتباس المفردة لا تزال مرئية) -->
<ul>
<li>'<span class="chcklst-box fa fa-square-o fa-fw"></span> نقطة</li>
</ul>
يمكن أن يكون الإصلاح / التنظيف الأبسط لهذا هو أن مسافة ثانية (كما في مسافة عادية ، وليست مسافة صفر نقطة) يمكن أن تشير إلى أنه يجب عرض كل من النقطة والمربع الاختياري.
بالطبع ، قد يكون هذا صداعًا حقيقيًا للترميز!