إظهار أسماء المستخدمين في نافذة Reacted المنبثقة

هل هناك خيار أو خطط لإضافة خيار لعرض أسماء المستخدمين الكاملة بدلاً من الصور الرمزية فقط في نافذة تفاصيل ردود الفعل المنبثقة؟

خاصة على الهاتف المحمول، فهي عديمة الفائدة بشكل مذهل ما لم تكن تعرف جميع الصور الرمزية عن ظهر قلب، وهي قوة خارقة لم أمتلكها في أي مجتمع كنت جزءًا منه.

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

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

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

3 إعجابات

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

يجب أن أعترف بأنني نسيت أن واجهة المستخدم “الطي” الخاصة بردود الفعل المسبقة لإظهار من أعجب بمنشور تُظهر أيضًا الصور الرمزية افتراضيًا. لقد أنشأت إضافة لمنتدى الخاص بي لتغيير ذلك، ولكني نسيت أنني فعلت ذلك، واعتقدت أن التصميم المتغير كان هو الافتراضي! :see_no_evil: لذلك بدا الأمر كله وكأنه تراجع بالنسبة لي أكثر مما كان عليه في الواقع.

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

تحتوي واجهة نتائج الاستطلاع على مشكلة مماثلة.

إعجابَين (2)

في الواقع على سطح المكتب عند تمرير مؤشر الماوس فوق رد الفعل، فإنه يسرد المستخدمين.

Sep-10-2023 21-26-13


إذا أراد أي شخص آخر هذا :arrow_down_small:

عام / CSS

.discourse-reactions-counter {
  .discourse-reactions-state-panel {
    &.is-expanded {
      max-width: 500px;
    }
    .discourse-reactions-state-panel-reaction {
      margin-left: 0 !important;
      .list {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25em;
        .trigger-user-card {
          margin-left: 0;
          width: max-content;
          height: auto;
          color: var(--primary-high);
          position: relative;
          &:before {
            // Set the username from data-user-card attribute
            // and add a comma next to username
            content: attr(data-user-card) ",";
          }
          .avatar {
            opacity: 0;
            position: absolute;
          }
          &:last-child {
            &:before {
              // Remove the comma from the last username
              content: attr(data-user-card);
            }
          }
        }
        button.show-users {
          order: 1; // Order the arrow to the end of list
        }
      }
    }
  }
}
8 إعجابات

مشاركة رائعة شكرا لك!