Ionic-framework: لم يتم قطع النص الطويل في الأزرار

تم إنشاؤها على ١٤ أكتوبر ٢٠١٦ · 3تعليقات · مصدر: ionic-team/ionic-framework

وصف موجز للمشكلة:

لا يتم اقتطاع النص الطويل في الأزرار. أستخدم الأزرار full و block

بينما الزر لا يحتوي على علامة القطع ، كما هو موضح أدناه ؛

.button {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

هذا لا يعمل ، لأن فئة .button-inner بها display: flex

ما هو السلوك الذي تتوقعه؟

عرض القطع.

يمكن القيام بذلك عن طريق ضبط عرض .button-inner إلى inline . ومع ذلك ، لا أعرف حقًا سبب كون العرض مرنًا.

أي إصدار أيوني؟ 2 RC.0

core feature request

مصدر

alan-agius4

👍2

التعليق الأكثر فائدة

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

I then put a class on `.overflow-me` to do the ellipsis.

.overflow-me {
إخفاء الفائض؛
تجاوز النص: القطع.
}
""

ncapito في ٢٨ نوفمبر ٢٠١٦

👍3 🎉1

ال 3 كومينتر

I then put a class on `.overflow-me` to do the ellipsis.

.overflow-me {
إخفاء الفائض؛
تجاوز النص: القطع.
}
""

ncapito في ٢٨ نوفمبر ٢٠١٦

👍3 🎉1

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

brandyscarney في ٥ ديسمبر ٢٠١٦

شكرا على القضية! تم إغلاق هذه المشكلة بسبب عدم النشاط. إذا استمرت المشكلة في أحدث إصدار من Ionic ، فيرجى إنشاء مشكلة جديدة والتأكد من ملء النموذج بالكامل.

شكرًا لك على استخدام Ionic!