لا تعمل مربعات الاختيار مع نقاط القائمة غير المرتبة

[xiasummer]

يبدو أن قائمة التحقق لا تعمل بشكل جيد مع “*”
على الرغم من أنها تعمل بشكل جيد مع “1.”

1. [] المهام في المرحلة 1

    * [] قم بـ 1 (ستختفي النقطة السوداء هنا)

    * [] قم بـ 2

1. [] المهام في المرحلة 2

1. المهام في المرحلة 1

   • قم بـ 1 (على الرغم من أن التباعد جيد، إلا أن النقطة تختفي)

   • قم بـ 2

2. المهام في المرحلة 2

[tobiaseigen]

لقد لاحظت ذلك مؤخرًا أيضًا، ولكني أعتقد أنه قد يكون متعمدًا وأنا أفضل ذلك بالفعل. يسمح لك الـ * أو الـ - بتحديد عناصر القائمة الخاصة بك في قوائم منظمة دون الضوضاء الإضافية لنقطة التعداد.

- [] Milestone 1
   - [] task 1 
   - [] task 2
   - [] task 3
- [] Milestone 2 
   - [] task 1 
   - [] task 2
   - [] task 3

• Milestone 1
  • task 1
  • task 2
  • task 3
• Milestone 2
  • task 1
  • task 2
  • task 3

مقابل

[] Milestone 1
   [] task 1 
   [] task 2
   [] task 3
[] Milestone 2 
   [] task 1 
   [] task 2
   [] task 3

Milestone 1
task 1
task 2
task 3
Milestone 2
task 1
task 2
task 3

[xiasummer]

أرى عرضك التوضيحي، “القائمة الفرعية” تعمل بشكل جيد في مثالك، ولكن ليس في مثالي.
كما ترى، عندما تكون القائمة الأولى “مرتبة” والمستوى الثاني قائمة غير مرتبة، فإنها لا تعمل بشكل جيد للغاية.

وعادةً ما أكتب جملًا طويلة جدًا، بهذه الطريقة، لن تكون واضحة جدًا كما في مثالك (في مثالك، قوائم المهام قصيرة جدًا، مثل بضع كلمات)، لذلك لن تكون نظيفة بدون “نقطة”.

[tobiaseigen]

حسناً، دعنا نرى…

- [] المرحلة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 3 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
- [] المرحلة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 3 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.

• المرحلة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
  • المهمة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
  • المهمة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
  • المهمة 3 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
• المرحلة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
  • المهمة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
  • المهمة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
  • المهمة 3 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.

1. [] المرحلة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 3 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
2.  [] المرحلة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   - [] المهمة 3 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.

1. المرحلة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   • المهمة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   • المهمة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   • المهمة 3 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
2. المرحلة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   • المهمة 1 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   • المهمة 2 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.
   • المهمة 3 موصوفة بعدة كلمات تمتد على عدة أسطر. ما زلت أكتب سطري الطويل، الطويل، الطويل. أعتقد أن هذا سيكون كافياً.

[tobiaseigen]

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

[Canapin (Coin-coin le Canapin)]

إليك حل CSS مؤقت إذا كنت بحاجة إليه، @xiasummer:

يعرض النقطة

.cooked ol ul li.has-checkbox {
    margin-left: 1em;
    list-style-type: initial;
    .list-item-checkbox {
        left: 0;
        position: relative;
    }
}

إخفاء النقطة:

.cooked ol ul li.has-checkbox {
    margin-left: 1em;
}