Richie
(Richie Rich)
1
مرحباً بالجميع.
قبل تفعيل الصفحة الجديدة الرائعة 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;
}
هذا يعني أن المستخدمين لدينا يتم تقديمهم بالحد الأدنى من الحقول للتسجيل:
ومع ذلك، فإن صفحة التسجيل الجديدة تعرض كل حقل مخصص لدينا، وهو عدد كبير جداً بسبب إعداداتنا الخاصة 
كيف يمكننا تطبيق بعض تغييرات CSS على صفحة التسجيل الجديدة بملء الشاشة لإخفاء جميع حقول المستخدم المخصصة لدينا، من فضلكم؟
dax
(Daniela)
2
في الصفحة الكاملة، تحتاج إلى استخدام الفئة الجديدة .signup-fullpage لاستهداف العناصر الموجودة بداخلها باستخدام CSS. جرب باستخدام
.signup-fullpage div[class*="user-field-"] {
display: none;
}
Richie
(Richie Rich)
3
لم ينجح هذا يا @dax، هل طبقته بشكل صحيح هنا؟ 
Richie
(Richie Rich)
4
@dax هل يمكن أن تكون هناك طريقة أخرى لعمل ذلك؟
dax
(Daniela)
5
هل تستخدم أي سمة/مكون سمة خاص؟ في موقعي، يعمل رمز CSS هذا
.signup-fullpage div[class*="user-field-"] {
display: none;
}
بدون أي مشاكل. لرؤيته مطبقًا، تحتاج إلى تحديث الصفحة. كما ترى هنا، لدي حقلي اختيار مختلفان، وكلاهما مخفيان بنجاح بمجرد تمكين CSS وتحديث الصفحة:
Richie
(Richie Rich)
7
هممم
إذا قمت بتطبيق هذا الرمز على CSS في الوضع المظلم، فإنه لا يعمل:
إذا قمت بتطبيق الرمز على الوضع الفاتح، فإنه يخفيه في الوضع المظلم:
هل هذا خطأ؟ (إذا كان الأمر كذلك، سأقوم بإنشاء منشور جديد في Bug) أو قد يكون شيئًا خاصًا بـ discourse الخاص بي؟
شكرًا @dax - هذا هو السبب في أنه لم يعمل في المرة الأولى لأنني طبقته فقط على الوضع المظلم 
Moin
8
ما هو المظهر الافتراضي للمنتدى؟ هل قمت بتكوين إعداد الموقع default dark mode color scheme id؟ هل حاولت استخدام نافذة متصفح خاصة؟
Moin
10
هذا هو السبب الذي جعلك تقوم بتعديل هذا المظهر. في الوضع الداكن، يتم تطبيق مخطط ألوان/لوحة مختلفة، لكنه لا يزال المظهر الفاتح.
Richie
(Richie Rich)
11
رؤية ثاقبة مثيرة للاهتمام، شكراً @Moin 
وشكراً مرة أخرى @dax على الـ css
