لماذا تحتوي الأزرار التي تحتوي على أيقونات فقط على هذا النص ؟
فضولي لمعرفة الغرض الذي يخدمه نظرًا لأنه يفسد تنسيق الأزرار التي تحتوي على أيقونات فقط لدي ![]()
لماذا تحتوي الأزرار التي تحتوي على أيقونات فقط على هذا النص ؟
فضولي لمعرفة الغرض الذي يخدمه نظرًا لأنه يفسد تنسيق الأزرار التي تحتوي على أيقونات فقط لدي ![]()
يمكنك رؤية وصف من pmusaraj لسبب ذلك، من PR هذا:
يضيف هذا تغيير الحجم المتسق لحقول النص والقوائم المنسدلة والأزرار عبر التطبيق. هذا مهم لأن هذه العناصر غالبًا ما تُستخدم معًا في النماذج، ووجود ارتفاعات محسوبة مختلفة يسبب العديد من مشكلات التخطيط.
الكود ذو الصلة:
يبدو أنه يمكن تحقيق نفس التأثير بطريقة أكثر قوة دون استخدام ZeroWidthSpace
قد تكون على حق! إنها علاقة عامة من عام 2021. قد تكون هناك طريقة حديثة لضمان الاتساق في عام 2024+.
نعم، لقد نظرنا في هذا من قبل (ومن المحتمل أن ننظر فيه مرة أخرى)، ولكن للأسف فإن شيئًا بسيطًا مثل إضافة ارتفاع أدنى لجميع الأزرار سيكون أكثر تعطيلًا للسمات الحالية.
لماذا الحد الأدنى للارتفاع؟ هل يمكن أن تحتوي الأزرار على حشوة أساسية/خط يتضمن ارتفاع سطر يطابق حجم القوائم المنسدلة/المدخلات؟
أعتقد أننا نعمل نحو حالة تكون فيها الأشياء أكثر توحيدًا وقد يصبح هذا ممكنًا، ولكن ارتفاع السطر يمكن أن يختلف حسب الخط… لذا فإن أي شيء نفعله افتراضيًا يمكن أن يؤدي إلى ارتفاعات غير متسقة بمجرد أن يغير السمة إلى خط مختلف.
تضمن المسافة صفر العرض أنه حتى مع تغييرات ارتفاع السطر والخط، فإن الأزرار التي لا تحتوي على نص لها سلوكيات مماثلة للأزرار التي تحتوي على نص (بمعنى آخر، يؤثر ارتفاع سطر الحرف صفر العرض على ارتفاع الزر تمامًا مثل الأزرار التي تحتوي على نص).
ألن يؤدي استخدام خط متسق عبر العناصر إلى استخدام نفس ارتفاع السطر وبالتالي منع اختلاف ارتفاعات خطوط النص؟
لا، لأن الأزرار التي لا تحتوي على نص لن يتأثر ارتفاعها بارتفاع السطر، والأزرار التي تحتوي على نص سيتأثر، لذا فهي عدم اتساق بين الأزرار التي تحتوي على نص والأزرار التي لا تحتوي على نص.
هل يمكن ألا يرتبط ارتفاع الأيقونة بارتفاع سطر الخط؟ أتخيل دالة تأخذ تفاصيل الخط/الرمز المميز وتطبق ارتفاع السطر على ارتفاع الأيقونة.
هذا. وحدة lh في CSS مدعومة جيدًا في المتصفحات الحديثة، لذا فإن تطبيق ارتفاع السطر الحالي على عنصر ما بسيط جدًا الآن.
لكن بالطبع لا أعرف تعقيدات إجراء التغييرات دون كسر السمات الحالية.