استخدام الرموز التعبيرية المحاذاة لأسفل يجعلها تنزل كثيرًا عند تصغيرها

خلفية: بعد التغيير الأخير، تغير حجم صورة الرموز التعبيرية من 20px إلى 1em (أي 16px في السمة التي أستخدمها وتستخدمها meta.discourse افتراضيًا).

منذ هذا التغيير في عام 2023، تم محاذاة عرض صور الرموز التعبيرية مع أسفل النص. يؤدي الجمع بين هذين العاملين إلى ظهور الرموز التعبيرية أقل من النص المحيط من منظور مستخدم CJK. أعتقد أن المستخدمين من الثقافات غير CJK قد يرون موضع الرموز التعبيرية بشكل مشابه ويجدونه غريبًا أيضًا.

يوضح الشكل التالي مقارنة بين تأثير عرض النص والرموز التعبيرية الممزوجة معًا. تم ضبط حجم الخط وعرض/ارتفاع الرموز التعبيرية على 16px. الفرق الوحيد في CSS بين الجزء العلوي/السفلي هو vertical-align للرموز التعبيرية: الجزء العلوي هو text-bottom (إعداد Discourse الحالي)، والجزء السفلي هو baseline (اقتراحي).

bbcode للنص التجريبي

Nulla malesuada porttitor diam. :star:
Nam ipsum ligula :partying_face:
Integer non enim. :racing_car:
你好 :waving_hand: 世界 :globe_with_meridians:
Hello :waving_hand: world :globe_with_meridians:

أعتقد أن الجزء السفلي يبدو أفضل بكثير. لماذا اختارت Discourse vertical-align: text-bottom؟ هل من المقبول التغيير إلى baseline في الوقت الحالي (بعد طلب السحب #34494

إعجاب واحد (1)

@chapoi آسف على الإزعاج. بما أنك مؤلف التعهدين، سأكون مهتمًا بالحصول على وجهة نظرك حول هذا الأمر :folded_hands:

مرحباً @littleD

سأكون صريحًا، محاذاة الرموز التعبيرية هي لعنة وجودي. يبدو من المستحيل الحصول عليها بشكل صحيح في كل سيناريو.

على سبيل المثال، يبدو مقتطفك أفضل في نسختي

سيارة السباق هي رمز تعبيري “منخفض الموضع” بشكل سيء السمعة.

سيختلف المحاذاة البصرية أيضًا سواء كانت الكلمة تحتوي على حروف هابطة، أو حروف صاعدة فقط. لاحظ:

الشكل العلوي يبدو أكثر توازنًا بسبب وجود الأحرف j، g، y.

إذا قمت بتغيير هذا إلى خط الأساس، فسأحصل على:

وهو أسوأ.

ليس من الواضح لي لماذا أمثلتك أقل بكثير مما أحصل عليه.

لذلك للأسف، آمل أن تتفهم لماذا لن أقوم بتغيير هذه الخاصية عالميًا.

أوصي بإضافة ما يناسبك vertical-align: text-bottom إلى CSS المخصص لمنتدى الخاص بك.

إعجابَين (2)