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

UX
,
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“