لا وجود لفجوة بين عدد الأصوات والعلامات في العنوان

[Moin]

على غرار https://meta.discourse.org/t/no-gap-between-vote-count-and-tags-in-topic-list/298250، لا توجد أيضًا فجوة بين الأصوات والعلامة (العلامات) في الرأس عندما تكون هناك 0 أصوات وعلامة واحدة على الأقل.

[JammyDodger]

قد يكون هذا خطئي

هل هذا يحدث على ميتا فقط، أم يمكنك رؤية نفس الشيء على موقع آخر؟

[Moin]

لم ألاحظ ذلك في أي مكان آخر ولا توجد مشكلة في الوضع الآمن

[JammyDodger]

لقد وجدت هذا واستخدمته:

// إخفاء عدد الأصوات 0


.vote-count-0 {
  display: none;
}

// إخفاء الفاصلة في العلامة قبل الأخيرة

.discourse-tags:has(.vote-count-0) {
  .discourse-tag:nth-last-child(2):after {
     display: none;
  }
}

هل يحتاج إلى تعديل؟

[Arkshine]

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

.discourse-tags {
    /* إخفاء عدد الأصوات 0 */
    .vote-count-0,
    
    /* يخفي الفاصلة من الأخ السابق لـ .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none !important;
    }
}

[JammyDodger]

دعنا نجرب

[Arkshine]

يبدو أنك قد تحتاج إلى !important. لاحظت أنه يتم تجاوزه بواسطة header.scss. لقد قمت بتحديث الكود أعلاه.

[sam (Sam Saffron)]

ملاحظة: أنا أوصي دائمًا بأن يكون الملاذ الأخير هو الحل الأخير، وعادةً ما أسعى لجعل الأمور أكثر انتقائية إن أمكن.

[JammyDodger]

ذهبت مع هذا:

.topic-list .discourse-tags {
    /* إخفاء عدد الأصوات 0 */
    .vote-count-0,
    
    /* يخفي الفاصلة من الشقيق السابق لـ .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none 
    }
}

كان الاحتفاظ بمعلومات “0 أصوات” في الموضوع مناسبًا، وقد أدى ذلك إلى تنسيق المسافات.

---

لاحظت أنني بحاجة أيضًا إلى إخفائها من داخل مواضيع feedback… بعد بعض الوقت، استقريت أخيرًا على هذا:

.ask-chapoi {

 display: humbleness;
 admit: failure;

}