مرحباً. كيف يمكنني إخفاء زر (وهو في الواقع أيقونة SVG ترتبط بشيء ما)، فقط عندما يكون شخص ما مسجلاً الدخول إلى حساب، مع ذلك؟
إعجاب واحد (1)
يمكنك استخدام الفئة .anon والقيام بذلك بشكل مشابه لهذا:
إعجابَين (2)
لديك فئة anon مرفقة بعلامة <html>.
لذلك يمكنك استخدامها كالتالي:
html:not(.anon) .your_svg_selector {
display: none;
}
إعجابَين (2)
@omarfilip @Arkshine وهذا سيجعل هذه الأيقونة مخفية للمستخدمين المسجلين فقط؟ وأيضًا، أين يوجد بالضبط هذا الصف المجهول؟ لا يبدو أنني أستطيع العثور عليه.
آه، عذرًا - أردت العكس، لذا: not(.anon)
3 إعجابات
هههه، لقد قرأت الأمر بشكل خاطئ تمامًا أيضًا، خطئي!
إذًا، يجب إضافته يدويًا بطريقة ما؟ لدي فقط:
class="desktop-view not-mobile-device text-size-normal no-touch discourse-no-touch"
لا يوجد شيء لإضافته. يطبق Discourse تلقائيًا فئة “anon” إذا لم تكن مسجلاً الدخول. لذا يمكنك أن تقول CSS، “إذا لم تكن فئة anon موجودة…”.
إعجاب واحد (1)
نعم، ستحتاج إلى تخصيص CSS الخاص بموقعك:
إعجابَين (2)
@45thj5ej .header-icon-login .d-icon-user يجب أن يكون جيدًا.
إعجاب واحد (1)
حسناً، رائع، وهل أضع هذا في كود CSS الخاص بي؟
HTML:not(.anon) .header-icon-login .d-icon-user {
display: none;
}
إعجاب واحد (1)
html:not(.anon) .header-icon-login .d-icon-user {
display: none;
}
يمكنك وضعه في ملف CSS الخاص بالقالب (إذا كان متاحًا) أو، بشكل أفضل، في مكون CSS للقالب مرفق بالقالب الخاص بك.
إعجاب واحد (1)
آه، اللعنة. إذن، لقد نجح الأمر، ولكن عندما يتم إخفاؤه، فإنه لا يحرك الأيقونة الموجودة على يساره، لذا هناك فجوة غريبة. هل هناك طريقة لجعله بدون فجوة، ولكن دون تغيير ترتيب الأيقونات؟
إعجاب واحد (1)
جرب هذا، لتضمين <li>.
html:not(.anon) .header-icon-login {
display: none;
}
4 إعجابات
يا رجل، شكراً جزيلاً لك. 
إعجابَين (2)
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.