كيفية عكس موضع الصورة الرمزية لتكون أمام نص الموضوع؟

الدعم
2

أهلاً بك في Discourse!

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

لقد جربت هذا بسرعة، وهو ممكن إلى حد ما باستخدام CSS فقط، ولكنه ليس تطبيقًا قويًا جدًا.

في حال أردت التجربة:

.topic-list-item {
    position:relative;
}

.topic-list .posters {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 150px;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    height: auto;
}

.topic-list .topic-list-data:first-of-type {
    padding-inline-start: 150px;
}

أقترح أن تقوم بتقييده لأجهزة سطح المكتب!

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