Mostra "e altri XY gruppi" invece di "..." sul profilo utente

Nella nostra community, abbiamo riscontrato che la reperibilità dell’elenco di tutti i gruppi di tutti gli utenti era piuttosto scarsa: il link sui “…” può essere facilmente perso. Soprattutto per gli utenti con visibilità limitata, può essere facile perderlo.
Sarebbe possibile aggiungere un’etichetta più esplicita a questo link?

4 Mi Piace

Probabilmente non è possibile ottenere il conteggio “XY” senza un codice più complesso, ma l’aggiunta di questo CSS personalizzato dovrebbe migliorare la situazione:

dd.groups:last-child > a::after {
  content: 'e altro';
}

group_css

Non ho testato questo CSS in modo esaustivo in tutto il sito, ma in un controllo rapido sembra agire solo sul link dei gruppi nella pagina del profilo. Si prega di segnalare se appare in un punto in cui non dovrebbe.

(Inoltre, concordo sul fatto che la reperibilità di ... non sia ottimale e un cambiamento in questa direzione nel core sarebbe benvenuto.)

1 Mi Piace

In effetti, anche solo scrivere “e altro ancora” sarebbe un miglioramento, anche se sembra piuttosto strano senza eliminare i puntini.

Sembra che non facciano parte di un messaggio di localizzazione, ma siano codificati qui:

1 Mi Piace

Che ne dici di questo?

  • Per prima cosa aggiungiamo una virgola dopo l’ultimo link nominato
  • Poi nascondiamo i ...
  • Poi inseriamo il testo and more – e lo spostiamo un po’ indietro perché lo spazio per i ... è tecnicamente ancora lì
  • (Sono stati aggiunti anche selettori più specifici per evitare potenziali conflitti altrove)
.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

Probabilmente c’è un modo più elegante per rimuovere completamente i ... dal flusso, ma il margine negativo sembra funzionare bene.

1 Mi Piace