القائمة الجانبية على اليسار على الهاتف المحمول

تخصيص مكون السمة
46

يرجى مشاركة كود CSS الخاص بك! سيُسهّل ذلك عملية إصلاح الـ TC.

47

إليك طريقة غير رسمية إلى حد ما للقيام بذلك (في 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;
  }
}
48

نعتذر، لم نتمكن بعد من تحديث هذا المكون بدقة، لكن نعم، الانتقال من عروض الهاتف المحمول/سطح المكتب كسر بالتأكيد بعض الافتراضات التي كان يقوم عليها مكون السمة الأصلي.

@Lilly شكراً لك على الدفع نحو الأمام في هذا الشأن، فإن استخدام position: absolute سيعمل كحل مؤقت… أما إعادة ترتيب العناصر في هذا المكون فهي مجرد تطبيق لحل بسيط باستخدام CSS Grid بدلاً من ذلك.

إعجابَين (2)