قائمة ردود المنشورات في سمة الجوال

ساهم ميزة
1

مرحباً،
هل يمكنني إضافة زر لفتح ردود المنشورات في السمة المخصصة للجوال؟ فالمستخدمون على الجوال يفوتون ردودهم في المواضيع الكبيرة!

إعجابَين (2)
Who’s Online: Users Currently Reading Topic
2

عذراً، لم أفهم. ماذا يعني هذا؟ هل يمكنك تزويدي بلقطة شاشة مع تعليقات توضيحية؟

3

نعم، بالتأكيد، كما يمكنكم رؤية ذلك في الصورة أدناه، يمكن لمستخدمي سطح المكتب تحميل ردود المنشور في مساحة معزولة بالضغط على هذا المفتاح.

image
image820×730 38 KB

هذه الميزة مفيدة جدًا، خاصة في المواضيع التي تُرسل فيها آلاف المنشورات. ولكن للأسف، لم أستطع العثور على هذه الميزة في موضوع الهاتف المحمول، وأعتقد أنها لم تُصمم بسبب نقص المساحة.

هل من الممكن إضافة هذه الميزة الرائعة لموضوع الهاتف المحمول؟

إعجابَين (2)
4

هل لدى أي شخص أي معلومات حول هذا؟

5

من الغريب جدًا بالنسبة لي أن أحدًا لم يذكر هذه المشكلة بعد!
أعتقد أن السبب هو أن معظم مسؤولي المنتديات يستخدمون متصفحات سطح المكتب :slight_smile:

6

هل واجه أي شخص هذه المشكلة؟

7

أعتقد أن هذا تم حذفه من النسخة المحمولة لأنه يستهلك مساحة كبيرة على الشاشة.

8

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

إذا كانت لدينا مشكلة في المساحة، فقد لا يكون من السيئ فتحه كنافذة منبثقة للمستخدم … :thinking:

9

لقد أثار هذه المشكلة العديد من مستخدمينا حتى الآن، والكثير من الناس يشتكون حقًا من هذه المسألة.

هذا ترجمة لرسالة من أحد مستخدمينا:

افترض في موضوع يحتوي على آلاف الردود، أن عدة أشخاص ردوا عليّ، على سبيل المثال، شخصان،
عندما أذهب إلى الإشعار المطلوب لرؤية ردودهم،
يُظهر لي فقط أول رد ويقفز إليه،
الآن عليّ البحث عن الرد التالي!
ليس من الصحيح أن يكون الأمر هكذا!
اجعل الإشعارات تظهر لكل رد، أو أصلح هذا

أرجو أن تجيبني في هذا الموضوع :pray:

10

مرحبًا نيلدارار،

لقد قمت بذلك اليوم فقط. أنشئ مكونًا جديدًا في لوحة الإدارة وأضف هذا إلى تنسيقات CSS للقسم المخصص للجوال داخل المكون.

سيؤدي هذا إلى تمكين زر الرد على الجوال. قد تحتاج إلى بعض التعديلات لتناسب قالب موقعك، ولكن إذا شاركت موقعك الإلكتروني، يمكنني مساعدتك في ذلك. :slight_smile:

.show-replies {
    display: block;
    margin-bottom: 10px;
    margin-left: -6px;
    font-weight: 600;
}

.show-replies span {
    margin-right: 5px;
}

.embedded-posts .topic-avatar {
    padding-left: 0;
    padding-top: 0;
    width: 45px;
}

.embedded-posts {
   margin-top: 20px;
   padding: 10px;
   background: var(--primary-low, $primary-low);
   border-radius: 4px;
}

.embedded-posts > div:not(:last-of-type) {
   border-bottom: 1px solid var(--primary-medium, $primary-medium);
   margin: 10px 0px 20px 0px;
}

.embedded-posts .topic-body .cooked {
    display: inline-block;
    margin-top: 10px;
}

هذا الشكل الذي يظهر عليه على عرض الجوال :arrow_down:

reply-mobile
reply-mobile406×468 1.23 MB

يمكنك تجربته باستخدام الجوال على هذه الصفحة.

تحديث: الرد الأخير لم يعد يحتوي على حدود.

5 إعجابات
11

واو!
لا أستطيع أن أصدق أن هذا موجود منذ فترة طويلة ولم نكن بحاجة سوى لتخصيص CSS. :sweat:
أتقدم بعتذاري عن الإعلان عن هذه المشكلة وأشكركم جزيل الشكر على تذكيرنا بهذا الحل.

شكرًا لكم ألف مرة :pray: :bouquet:

إعجابَين (2)
12

نظرًا لمشكلة المساحة في العرض على الجوال، قمنا بتطبيق النمط التالي:

.embedded-posts {
    .topic-avatar {
        float: right;
        width: 30px;
        border: 0;
        padding: 0.3rem 0.2rem 0 0;
        margin: 0;
        
        .avatar-flair {
            transform: scale(0.6) translate(-2px, 11px);
        }
        
        img {
            width: 30px;
            height: 30px;
        }
    }

    .topic-body {
        float: none;
        width: auto;
        border-top: 0;
        margin-right: 40px;
    
        .cooked {
            padding: 0 0 0.25em 25px;
            display: inline-block;
            font-size: 90%;
            max-height: calc(1.4rem * 5);
            overflow: hidden;
            text-overflow: ellipsis;
            
            & > :not(p) {
                display: none;
            }
            
            & > p {
                margin: 0;
                text-indent: 0;
                display: inline;
                
                img:not(.emoji) {
                    content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAJxSURBVDhPpdXfT1JhGAdwLty6oWHLCR266T9wcSHLkloZaF208qrLropyI1ct17Jw0JJJrM3ZFBBRuyBcy7bcVNxqWa0LG5Am2swbDz+EMIPW7317n7dgqaeFcPHdec97zvM5z/sezpCJooi4uIRktLSQQZaMBpPvovDNxTE0v7n455fZMcFrySBLRrqPXWwJJdEaLjyXghm0hWO4GMzicjDFDbI4SE+jmyyvC8vV0CpGF4aBlRP4mjzHUf//wPaZDG5Or66Zy6Ul+Ali1AKkTjG0kXd6jy39n+CtyHccftSB2uFWOCI/12AUc/g9HDOLWGIodUrLJ0MStL3J4uyLZ5D37GbR4MzzJ7DNZCXQNO+Ulk+1kuCN6RWYQzEonNUQ+vQ8NLbwa+k8RttB9+bOJcFr4RRf6k7vEag8h6D21vMo2XjXwHHcngMvdkR+QD9iR5XfmJ+TBDsigGaoCRW9ujyWy3b3PugemnFnATg9+Rhyp4Z33hjwwj77bSM4svgZR0fdKHdqN2AUoc8AhasaJ8d9UDRXQeg3QPAasJXtsenlFCzTf72UlfgyOl89xZZuDS+UAnOp8OhQeWUvVLYDUA/WYwfb422uPbjO3vr9t8nfYCbxAU1jFijc+yWR9RE8BlReqIH6z8OVnoOs22NslV+QirJvmcDzAVvBoHqAddZZB2Ub2+vBBj4nd9agecKOj4l0ESDlbgOUFh0Ep56fU60p0A6yigMprDuVldWwI9WSURrIIrjYj7+rDoredaBxzIqybi1HN5NyBim6alHWo+UGB1OxJPqnHsA4boVpwlZUqJYMsvhfAA1ILyVkiKKIXzGHc6NOmAkVAAAAAElFTkSuQmCC');
                    display: inline;
                    width: 18px;
                    height: 18px;
                    padding-left: 2px;
                }
            }
        }
    }

    .topic-meta-data {
        position: relative;
        width: auto;
        left: auto;
        top: auto;
        margin: 0 0 3px;
        
        .names {
            padding-left: $topic-body-width-padding;
          
            span {
                flex-basis: auto;
            }
        }
        
        .user-title {
            display:none;
        }
        
        .post-link-arrow a {
            padding: 8px;
            position: absolute;
            left: 0;
            margin: 0;
        }
    }
}

سيؤدي هذا إلى ظهور الإجابات مثل التعليقات.