إخفاء حقل الاسم الكامل في نموذج إنشاء حساب

مرحباً بالفريق،

لقد قمنا بتخصيص نموذج إنشاء حساب Discourse العادي باستخدام تخطيط شبكي كما هو موضح أدناه:

حاليًا، قمنا بإخفاء الاسم الكامل باستخدام SCSS التالي:

.d-modal.create-account .login-form {
   form{
        .input-group:nth-child(3)
            display:none !important;
        }
   }
}

نحن نخفي حقول الاسم الكامل باستخدام محدد nth-child لأنه لا يوجد فئة فريدة لdiv input-group المذكور أدناه:

ولكن الآن قمنا بتمكين تسجيل الدخول عبر Google Oauth2 والذي يكون فيه حقل الاسم الكامل في الموضع الرابع. لذلك فإن CSS الحالي يكسر نموذج إنشاء الحساب لموفر المصادقة عند إنشاء الحساب كما هو موضح أدناه:

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

مشكلة مماثلة لحقل كلمة المرور.

شكرًا،
سورابح

إعجاب واحد (1)

قد يعمل مُحدِّد CSS :has لحالة الاستخدام الخاصة بك:

.input-group:has(#new-account-name) { ... }
إعجاب واحد (1)

شكراً على الرد،
ولكن المحدد :has لا يعمل.

إعجاب واحد (1)

كان هناك بعض الأخذ والرد عبر الرسائل الخاصة حول هذا الأمر، لكنه أدى إلى إضافة فئات إلى نموذج إنشاء الحساب. :partying_face: :balloon:

إعجابَين (2)