لا يمكنك إزالة أزرار تذييل الموضوع على iOS

مطور
1

لقد تمكنت من إزالة زري “الإبلاغ” و"المشاركة" من أسفل المواضيع على سطح المكتب، ولكن في تطبيق iOS لا يزال هناك قائمة منسدلة “عناصر تحكم الموضوع” تحتوي على “الإبلاغ” و"المشاركة". لقد قمت بتطبيق CSS في قسم “عام”.

هل هذا خطأ؟

(أزرار تذييل الموضوع مزدحمة بشكل خاص على شاشات الهاتف المحمول، لذا فإن وجود زر “عناصر تحكم الموضوع” كبير وغير ضروري أمر مزعج بعض الشيء، خاصة وأنني لا أعتقد أن هناك طريقة لإزالة “إشارة مرجعية” أيضًا، وهو زر كبير آخر. لو كانت هذه مجرد أيقونات، لما كان الأمر سيئًا، ولكن حاليًا ما يقرب من نصف الشاشة في نهاية الموضوع عبارة عن أزرار.)

2

هل يمكنك مشاركة ملف CSS ذي الصلة هنا؟ من المحتمل أن تحتاج إلى أن تكون أكثر تحديدًا لتطبيقه على الهاتف المحمول

3 
button#topic-footer-button-flag {
    display: none;
}

button#topic-footer-button-share-and-invite {
    display: none;
}

لقد قمت أيضًا بإزالة الدبابيس ونص الإشعارات:

#topic-footer-buttons .pinned-button {
    display: none;
}


#topic-footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
    button.create { order: -1; }
    
    .topic-notifications-button {
        margin-block: 0;
        
        .reason  {
            margin-top: 0;
            
            .text {
                display: none;
            }
        }
    }
}

@media screen and (max-width: 924px) {
    html.desktop-view #topic-footer-buttons .topic-notifications-button {
        margin-top: 1em;
    }
}

شكرًا!

4

نعم، لذلك على الهاتف المحمول، تكون عناصر التحكم في تذييل الموضوع مكونًا منفصلاً تمامًا، لذا فإن CSS الخاص بك محدد للغاية وينطبق فقط على سطح المكتب…

يجب أن يعمل هذا لكلاهما:

#topic-footer-buttons {
  .flag-topic,
  .share-and-invite {
    display: none;
  }
}

لدينا برنامج تعليمي صغير حول التحقق من محددات CSS: Making custom CSS changes on your site

يمكن أن يكون الهاتف المحمول صعبًا بعض الشيء للتحقق منه إذا لم يكن لديك بيئة تطوير معدة، ولكن إذا أضفت ?mobile_view=1 إلى نهاية عنوان URL الخاص بمنتدىك، فهذا يسمح لك بعرض الهاتف المحمول على سطح المكتب، مما قد يسهل التعامل معه.

5

شكراً! لم أكن أعرف عن ?mobile_view=1

بالمناسبة، اضطررت أيضاً إلى إضافة ما يلي للتخلص من القائمة المنسدلة (الفارغة الآن):

#topic-footer-buttons .topic-footer-mobile-dropdown {
  display: none;
}