Show "and XY other groups" instead of "..." on user profile

חווית משתמש
,
1

In our community, we found the discoverability of the list of all groups of all users quite bad – the link on the “…” can easily be missed. Especially for users with limited visibility, it can be easy to miss.
Would it be possible to just add a more explicit label to this link?

4 לייקים
2

You probably can’t get the count “XY” without heavier coding, but adding this custom CSS should improve your situation:

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

group_css

I haven’t tested this CSS exhaustively throughout the site, but in a spot check it seems to act only on the groups link on the profile page. Please advise if appears somewhere it doesn’t belong.

(Also, I do agree that the discoverability of ... isn’t great, and a change along these lines in core would be welcome.)

לייק 1
3

Indeed, even just writing “and more” would be an improvement, even though it looks quite weird without getting rid of the dots.

It looks like they are not part of some localisation message, but hard-coded here:

לייק 1
4

How about this?

  • First we add a comma after the last named link
  • Then we hide the ...
  • Then we insert the and more text – and back it up a little because the space for the ... is technically still there
  • (Also added more specifity to the selectors to avoid potential conflicts elsewhere)
.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";
}

group_css_d

There’s probably a fancier way to remove the ... from the flow completely, but the negative margin seems to work ok.