لقد اخترت حجم نص أصغر في تفضيلاتي ويبدو أن هذا يؤثر على حجم زر الرد. إنه أصغر من الأزرار الأخرى. ومن المثير للاهتمام أنه لا يصبح أكبر عندما أختار حجم خط أكبر.
1.15 × 1.15 هي المشكلة. القيمة النهائية لـ font-size على عنصر زر الإشعارات <button> أكبر من المتوقع.
ليس من الواضح للوهلة الأولى لأن الأزرار الشقيقة (المفتاح، المشاركة، الإشارة المرجعية، إلخ) تعدل ارتفاعها لتناسب أطول عنصر في نفس السطر[1]، لذلك لا يبرز زر إشعارات الموضوع على أنه “طويل جدًا”، نظرًا لأن جميع الأزرار في هذا الحاوية لها نفس الارتفاع.
إزالة السطر المميز في onebox الخاص بـ GitHub أعلاه يجب أن يحل المشكلة:
لقد عرفت أن زر الإشعارات هو الذي كان يسبب المشكلة ولكني لم أكن قد حددته بعد، لذا، اللعنة، هذا اكتشاف جيد! لقد تجاهلت تقريبًا تطبيق الـ em المزدوج هناك! لم أتحقق منه بعد ولكنه على الأرجح هو السبب.
النص غير المرئي \u200B بجوار أيقونة svg في مجموعة التحديد يزيد من ارتفاع الزر. أي نص في أي زر يزيد من ارتفاعه بالمثل (وتقوم الأزرار الشقيقة بتعديل ارتفاعها وفقًا لذلك، مثل السلوك الذي تمت مناقشته أعلاه).
نعم، هذا شيء سأفتح له موضوعًا داخليًا. لست متأكدًا مما إذا كانت ​ تسبب مشاكل بسبب تغييراتي، أم أنها كانت دائمًا الحالة وقمنا بملاحظتها الآن في هذا الإعداد.