مرحباً،
أنا مرة أخرى.
لقد أنشأت حساباً وسَمَّيته Watchdog، ومنحته صلاحيات المشرف، ثم أنشأت شارة وسَمَّيتها moderators (وضعت أيقونة العين في الإعدادات). ومنحت شارة moderators للحساب Watchdoggo، وعندما ينشر Doggo، تظهر درع وأيقونة العين.
ما يظهر هو درع على الرغم من أن الشارة الممنوحة تحتوي على أيقونة العين في الإعدادات.
كيف يمكنني إزالة أيقونة الدرع؟
أولاً، قم بإنشاء مجموعة جديدة باسم “watchdog” وأضف مستخدم Watchdog واجعلها مجموعته الأساسية. ثم
.group-watchdog .d-icon-shield-alt {
display: none;
}
المستخدم موجود بالفعل في مجموعة “Moderators”، ولا أعتقد أنه من الضروري إنشاء مجموعة أخرى. قمت بتغيير الكود إلى
.group-moderators
لكنه لا يعمل، ولا يزال الأيقونة ظاهرًا.
لقد وجدت كود CSS المسؤول عن تلك الأيقونة، ومع ذلك عند تطبيق display:none عليها، اختفت الأيقونة بالطبع، لكن تركت فجوة في المنتصف وأود إزالة هذه الفجوة (السهم الأصفر).
.svg-icon-title svg.fa.d-icon.d-icon-shield-alt.svg-icon.svg-node {
display: none;}
هل لديك أي نصيحة حول كيفية إزالة هذه الفجوة؟
أو كيف يمكنني استبدال أيقونة الدرع بأيقونة العين باستخدام CSS؟ لأن الكلاس المسؤول عن أيقونة الدرع ليس موجودًا في CSS بل هو مدمج في HTML
ماذا عن هذا؟
.moderator .svg-icon-title {
display: none;
}
لا أعرف شيئًا عن HTML لأيقونة العين لديك، لذا قد يكون هناك تأثير جانبي…
أيضًا، يمكنك تجربة هذه الطريقة، فقد نجحت مع @Nisutec:
صحيح. إذا كنت تريد إزالته لجميع المشرفين، فإن group-moderators ليست فئة، بل هي ببساطة moderator. ولكن في هذه الحالة لا تحتاج إلى moderator، بل فقط
.d-icon-shield-alt {
display: none;
}
الفجوة على الأرجح ناتجة عن
.names span {
margin-right: 8px;
لذا
.moderator .names span {
margin-right: 0;
}
هذا عمل بشكل مثالي وأزال الفراغ. شكرًا جزيلاً لك.