Zeige „und XY andere Gruppen“ statt „…“ im Benutzerprofil an

UX
,
1

In unserer Community fanden wir die Auffindbarkeit der Liste aller Gruppen aller Nutzer ziemlich schlecht – der Link unter den „…“ kann leicht übersehen werden. Besonders für Nutzer mit eingeschränkter Sichtbarkeit kann dies leicht übersehen werden.
Wäre es möglich, diesem Link einfach eine explizitere Beschriftung hinzuzufügen?

4 „Gefällt mir“
2

Sie können die Anzahl „XY“ wahrscheinlich nicht ohne aufwändigere Programmierung ermitteln, aber das Hinzufügen dieses benutzerdefinierten CSS sollte Ihre Situation verbessern:

dd.groups:last-child > a::after {
  content: 'und mehr';
}

group_css

Ich habe dieses CSS nicht erschöpfend auf der gesamten Website getestet, aber bei einer Stichprobe scheint es nur auf den Gruppenlink auf der Profilseite zu wirken. Bitte geben Sie Bescheid, wenn es irgendwo erscheint, wo es nicht hingehört.

(Außerdem stimme ich zu, dass die Auffindbarkeit von ... nicht gut ist und eine Änderung in dieser Richtung im Kern willkommen wäre.)

1 „Gefällt mir“
3

Tatsächlich wäre selbst das Schreiben von „und mehr“ eine Verbesserung, auch wenn es ohne die Punkte ziemlich seltsam aussieht.

Es sieht so aus, als wären sie kein Teil einer Lokalisierungsnachricht, sondern hier fest codiert:

1 „Gefällt mir“
4

Wie wäre es damit?

  • Zuerst fügen wir ein Komma nach dem letzten benannten Link ein
  • Dann verstecken wir die ...
  • Dann fügen wir den Text and more ein – und rücken ihn ein wenig zurück, da der Platz für die ... technisch gesehen noch vorhanden ist
  • (Außerdem wurden spezifischere Selektoren hinzugefügt, um potenzielle Konflikte an anderer Stelle zu vermeiden)
.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

Es gibt wahrscheinlich eine elegantere Methode, die ... vollständig aus dem Fluss zu entfernen, aber der negative Rand scheint gut zu funktionieren.

1 „Gefällt mir“