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

مطور
1

متابعةً لخيط المنتدى هذا من مارس 2021:

إن CSS لإخفاء عمودي “نُشر” و “شوهد” من قوائم أعضاء تفاصيل المجموعة في عرض سطح المكتب يخفي الآن زري “قبول” و “رفض” عندما يتم تعيين المجموعة على ضرورة طلب الانضمام.

إليك CSS الذي يحتاج إلى تعديل أو استبدال.

/* إزالة عمودي "نُشر" و "شوهد" من قوائم أعضاء تفاصيل المجموعة */
.group-members {
  th {
    &:nth-child(5),
    &:nth-child(6) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
}

إليك فيديو يوضح المفاضلة بين استخدام كود CSS nth-child واختفاء زري “قبول” و “رفض”:

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

شكرًا مقدمًا للشخص اللطيف الذي سيقدم بعض CSS أكثر استهدافًا حتى أتمكن من إخفاء عمودي “نُشر” و “شوهد” فقط دون إخفاء أي شيء آخر على https://[yourdiscourseforumurl].com/g/[YourGroupName]

إعجابَين (2)
2

Hello,

This is a tricky one because as I see there is no any specific class to target. But I think I found CSS solutions, so it can be achievable without modify the template. :slightly_smiling_face:

The problem is with the td hasn’t got specific classes what you can easily target but you can target what inside it.

This CSS will check what inside the td and if it’s a span it will hide (the dates are in span). But on the request page the buttons are button so this CSS won’t hide the buttons td.

/* Remove "Posted" and "Seen" columns from group-detail member lists */
table.group-members {
  th {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      > span {
        display: none;
      }
    }
  }
}

Other method :arrow_down_small:

However you can target the bulk-select on table head row and group-owner class on table body row. This CSS only activate where the bulk-select and group-owner class is appear. These are not appears on request page so this won’t activate.

/* Remove "Posted" and "Seen" columns from group-detail member lists */
table.group-members {
  th.bulk-select {
    + th + th + th,
    + th + th + th + th {
      display: none;
    }
  }
  td.group-owner {
    + td + td,
    + td + td + td {
      display: none;
    }
  }
}

Hope this helps :slightly_smiling_face:

3 إعجابات
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.