as the title suggests, I am looking for a way to remove the lock badge for some categories, but not for others.
I managed to do this for the category-drop-header, since I can use the category ID to only remove the lock icon for this category, instead of globally.
I did not, however, manage to remove the icon for the badge in the category overview (cf. screenshot) and in the drop-down list of categories in the search.
Do you have any suggestions for me? I’m pretty new to working with CSS and I’ve exhausted my own approaches.
// Hide the lock icon for specific categories on topic lists and hamburger menu,
// and hide the lock icon on all dropdown search results
.search-menu .results .restricted,
[href="/c/MY-CATEGORY-SLUG1"],
[href="/c/MY-CATEGORY-SLUG2"],
[href="/c/MY-CATEGORY-SLUG3"] {
.fa-lock {
display: none;
}
}
Just replace the MY-CATEGORY-SLUG# part with the slugs of the categories you want to have the lock icon hidden.
Unfortunately there isn’t enough to work with in the HTML to pick and choose which categories show the lock icon in the dropdown search results with CSS, so it’s all or nothing for that part. You will need to decide if you want to show or hide the lock for all restricted categories. If you want to show it, just remove this part: .search-menu .results .restricted,
Hopefully that gets you pretty close to what you are looking for!
حسناً، أعتذر عن إحياء هذا الموضوع القديم، لكن لا يبدو أنني أستطيع جعل هذا يعمل. أحاول إخفاء أيقونة القفل لـ “Lounge” الخاصة بنا والتي لها الاسم المستعار “off-topic”. لم يكن “Lounge” الخاص بنا هو التثبيت الافتراضي، بل كان فئة تم إنشاؤها وقمت بتعيين الأذونات بحيث لا يمكن رؤيتها إلا للأعضاء. لكنني لا أريد أيقونة القفل هناك لأن الأعضاء يعتقدون أنها فئة مقفلة.
أفترض أنني سأضيف هذا إلى كود CSS:
// إخفاء أيقونة القفل لفئات معينة في قوائم المواضيع وقائمة الهامبرغر،
// وإخفاء أيقونة القفل في جميع نتائج البحث المنسدلة
.search-menu .results .restricted,
[href="/c/off-topic"] {
.fa-lock {
display: none;
}
}
لا تزال أيقونة القفل موجودة. لا أريد استبدالها عالميًا وأحب فكرة إخفاء أيقونة القفل في القائمة المنسدلة للفئات أيضًا.
شكرا على الرد. لقد أدى ذلك إلى إخفائه في القائمة المنسدلة للبحث عن الفئات، وهو أمر رائع. ولكني أريد أيضًا إخفاء أيقونة القفل بشكل عام لتلك الفئة (وليس العناصر المقفلة الأخرى)، كما هو الحال في صفحة قائمة الفئات.
ألاحظ أن استخدام CSS لأيقونات القفل أمر صعب بعض الشيء في بعض الأماكن، لذلك قمت بإنشاء مكون سمة لإنجاز هذا الأمر بسهولة، وهو يخفي أيقونة القفل للفئات الآمنة المحددة في محدد القائمة المنسدلة لشريط التنقل، وشريط التنقل في شريط العنوان، وقائمة شريط التنقل الجانبي، وقنوات الدردشة المقابلة.
شكراً @Lilly. رأيت ردك الأصلي في اليوم الآخر وكان لدي وقت فقط للقيام ببعض التعديلات، وجئت لأجد أنك لم تسهّلي الأمر عليّ فحسب، بل أنشأتِ مكون سمة ممتاز سيساعد بالتأكيد عددًا لا يحصى من الأشخاص الذين يحاولون تحقيق نفس الشيء. شكرًا جزيلاً على وقتك وجهدك في هذا. أقدر ذلك كثيرًا.
