عرض مؤلف الموضوع في قائمة المواضيع

ساهم تجربة المستخدم
4

آه! لقد أخطأت بالتأكيد بعدم توفير طريقة لتحميل أو عرض الكود! إنه مجرد بعض CSS. سأقوم بتجميعه في مكون سمة مناسب على GitHub عندما تتاح لي الفرصة.

// إخفاء جميع المشاركين ما عدا مؤلف الموضوع
.topic-list .posters {
    width: 75px;
    text-align: center;
    
    // إظهار أول مشارك فقط
    a:not(:first-of-type) {
        display: none;
    }
    // إزالة الإزاحة والزخرفة
    a:first-child .avatar.latest:not(.single) {
        position: static;
        box-shadow: none;
        border: 0;
    }
    // تعديل لمحاذاة المركز
    & > a {
        float: none;
        margin-right: 0;
    }
}

// التأكد من ظهور المستخدم الصحيح في العرض الأصغر
@media screen and (max-width: 850px) {
    .topic-list td.posters {
        // ضمان ظهور أول مشارك
        a:not(.latest) {
            display: block;
        }
        // إخفاء كل شيء آخر
        a:not(:first-of-type) {
            display: none;
        }
    }
}

ما تحاول إنجازه يقترب على الأرجح من:

4 إعجابات