CSS لإخفاء أعمدة تم النشر والمشاهدة في صفحة عضو المجموعة

[JoelZaslofsky]

بموجب إصدار Discourse 2.7.0.beta4، لم يعد يعمل بعض تنسيق CSS المخصص الذي استخدمناه سابقًا لإخفاء أعمدة “منشور” و"مُشاهد" في صفحة تفاصيل المجموعة. بدلاً من ذلك، لدينا الآن عمود “مُشاهد” فقط.

أريد أن يكون العمود الوحيد بين “منشور” و"مُشاهد" و"مُضاف" هو عمود “مُضاف”. كان تنسيق CSS أدناه يعمل سابقًا لكنه لم يعد يعمل الآن.

/* إزالة أعمدة "منشور" و"مُشاهد" من قوائم أعضاء تفاصيل المجموعة */
table.group-members th:nth-child(n+4):nth-child(-n+5), table.group-members td:nth-child(n+4):nth-child(-n+5) {
    visibility: hidden;
    width: 0px;
    font-size: 0px;
}

كيف يمكنني تعديل تنسيق CSS لإخفاء “منشور” و"مُشاهد" مرة أخرى؟

إليك فيديو مدته دقيقتان يشرح الوضع بالكامل إذا لم يكن ما كتبته أعلاه كافيًا.

https://www.loom.com/share/f6cd2fa0628d4876a73ebb2a500d9bfa

[Johani (Joe)]

مرحبًا

شكرًا لك على الفيديو.

يحتوي رأس الجدول في تلك الصفحة على عمود إضافي لزر التحديد الجماعي.

لذلك، فإن محددات nth-child الخاصة بك غير صحيحة بمقدار واحد.

جرّب هذا وانظر ما إذا كان يحل المشكلة من أجلك.

.group-members {
  th {
    &:nth-child(5),
    &:nth-child(6) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
}

لا نرى أننا سنقوم بأي تغييرات على هذا التخطيط في أي وقت قريب. لذا، فإن استخدام محددات nth-child لا ينبغي أن يكون مشكلة هنا.

[JoelZaslofsky]

CSS الخاص بك نجح. شكرًا جزيلًا لك!