איך להפוך את מיקום האווטאר כך שיהיה לפני טקסט הנושא?

תמיכה
1

like this

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035×195 15.4 KB

לייק 1
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
3

Welcome to Meta :waving_hand:

Do you want the topic list to look like this?

I think you can do that with this component

3 לייקים
4

לא ברור לי מה-OP אם הבקשה היא להעביר את מחבר הנושא או את כל האווטארים.

5

זה נכון, תודה על העזרה, תודה רבה

לייק 1
6

תודה רבה גם על העזרה, בסופו של דבר השתמשתי ברכיב התמה הזה, ובכל זאת, אני מאוד מעריך את זה

לייק 1
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.