يرجى مشاركة كود CSS الخاص بك! سيُسهّل ذلك عملية إصلاح الـ TC.
إليك طريقة غير رسمية إلى حد ما للقيام بذلك (في common/css، وليس /mobile/css)
@use "lib/viewport";
@include viewport.until(md) {
.d-header:not(:has(.extra-info-wrapper.topic-info-visible)):not(:has(.extra-info-wrapper .topic-link)):not(.header-topic-info-visible) .title {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
}
إعجابَين (2)
نعتذر، لم نتمكن بعد من تحديث هذا المكون بدقة، لكن نعم، الانتقال من عروض الهاتف المحمول/سطح المكتب كسر بالتأكيد بعض الافتراضات التي كان يقوم عليها مكون السمة الأصلي.
@Lilly شكراً لك على الدفع نحو الأمام في هذا الشأن، فإن استخدام position: absolute سيعمل كحل مؤقت… أما إعادة ترتيب العناصر في هذا المكون فهي مجرد تطبيق لحل بسيط باستخدام CSS Grid بدلاً من ذلك.
إعجابَين (2)
مرحبًا بالجميع، مجرد متابعة. لقد قامت ليلي بعمل كبير في تنظيف هذا وتحديثه — لقد دمجت تغييراتها للتو، لذا يجب أن يكون جاهزًا الآن
3 إعجابات