إظهار "و XY مجموعات أخرى" بدلاً من "..." في ملف المستخدم الشخصي

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

4 إعجابات

لا يمكنك على الأرجح الحصول على العدد “XY” دون برمجة أكثر تعقيدًا، ولكن إضافة هذا الـ CSS المخصص يجب أن يحسن وضعك:

dd.groups:last-child > a::after {
  content: 'and more';
}

group_css

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

(أيضًا، أتفق مع أن إمكانية اكتشاف ... ليست جيدة، وأي تغيير في هذا الاتجاه في النواة سيكون موضع ترحيب.)

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

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

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

ما رأيك في هذا؟

  • أولاً نضيف فاصلة بعد آخر رابط مُسمى
  • ثم نخفي ...
  • ثم ندرج نص and more - وندعمه قليلاً لأن المساحة الخاصة بـ ... لا تزال موجودة تقنيًا
  • (تمت إضافة محددات أكثر تحديدًا لتجنب التعارضات المحتملة في أماكن أخرى)
.user-main .about .secondary dd.groups span:last-of-type::after {
  content: ",";
}

.user-main .about .secondary dd.groups:last-child > a {
  visibility: hidden;
}


.user-main .about .secondary dd.groups:last-child > a::after {
  visibility: visible;
  margin-left: -.8rem;
  content: "and more";
}

image

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

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