إخفاء حقول المستخدم المخصصة من صفحة التسجيل بدقة كاملة

مرحباً بالجميع.

قبل تفعيل الصفحة الجديدة الرائعة https://meta.discourse.org/t/introducing-our-new-fullscreen-signup-and-login-pages/340401، لاحظنا شيئاً نود تخصيصه.

في نافذة التسجيل الحالية، نستخدم بعض CSS لإخفاء جميع حقول المستخدم المخصصة لدينا في النافذة.

.d-modal.create-account div[class*="user-field-"] {
    display: none;
}
.create-account .user-fields .user-field {
    padding-bottom: 20px;
}

هذا يعني أن المستخدمين لدينا يتم تقديمهم بالحد الأدنى من الحقول للتسجيل:

ومع ذلك، فإن صفحة التسجيل الجديدة تعرض كل حقل مخصص لدينا، وهو عدد كبير جداً بسبب إعداداتنا الخاصة :blush:

كيف يمكننا تطبيق بعض تغييرات CSS على صفحة التسجيل الجديدة بملء الشاشة لإخفاء جميع حقول المستخدم المخصصة لدينا، من فضلكم؟

في الصفحة الكاملة، تحتاج إلى استخدام الفئة الجديدة .signup-fullpage لاستهداف العناصر الموجودة بداخلها باستخدام CSS. جرب باستخدام

.signup-fullpage div[class*="user-field-"] {
    display: none;
}

لم ينجح هذا يا @dax، هل طبقته بشكل صحيح هنا؟ :thinking:

@dax هل يمكن أن تكون هناك طريقة أخرى لعمل ذلك؟ :thinking:

هل تستخدم أي سمة/مكون سمة خاص؟ في موقعي، يعمل رمز CSS هذا

.signup-fullpage div[class*="user-field-"] {
    display: none;
}

بدون أي مشاكل. لرؤيته مطبقًا، تحتاج إلى تحديث الصفحة. كما ترى هنا، لدي حقلي اختيار مختلفان، وكلاهما مخفيان بنجاح بمجرد تمكين CSS وتحديث الصفحة:

signupfullpage

همم :thinking:

إذا طبقت ذلك الكود على نمط CSS الخاص بالوضع الداكن، فإنه لا يعمل:

أما إذا طبقته على نمط الوضع الفاتح، فإنه يخفيه في الوضع الداكن:

هل هذا خطأ برمجي؟ (إذا كان كذلك، سأقوم بإنشاء موضوع جديد في Contribute > Bug ) أم أنه قد يكون شيئًا محددًا يتعلق بـ Discourse الخاص بي؟

شكرًا لك @dax - هذا هو السبب في أنه لم يعمل في المرة الأولى لأنني طبقت الكود على الوضع الداكن فقط :slight_smile:

ما هو المظهر الافتراضي للمنتدى؟ هل قمت بتكوين إعداد الموقع default dark mode color scheme id؟ هل حاولت استخدام نافذة متصفح خاصة؟

فاتح.

نعم.

نعم، دائمًا :blush:

هذا هو السبب الذي جعلك تقوم بتعديل هذا المظهر. في الوضع الداكن، يتم تطبيق مخطط ألوان/لوحة مختلفة، لكنه لا يزال المظهر الفاتح.

رؤية ثاقبة مثيرة للاهتمام، شكراً @Moin :smiley:

وشكراً مرة أخرى @dax على الـ css :smiley: