Mostrar "e outros XY grupos" em vez de "..." no perfil do usuário

Experiência do Usuário
,
1

Em nossa comunidade, achamos a descoberta da lista de todos os grupos de todos os usuários muito ruim – o link nos "…" pode ser facilmente perdido. Especialmente para usuários com visibilidade limitada, pode ser fácil de perder.

Seria possível apenas adicionar um rótulo mais explícito a este link?

4 curtidas
2

Você provavelmente não conseguirá obter a contagem “XY” sem um código mais complexo, mas adicionar este CSS personalizado deve melhorar sua situação:

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

group_css

Eu não testei este CSS exaustivamente em todo o site, mas em uma verificação pontual, ele parece atuar apenas no link de grupos na página de perfil. Por favor, informe se ele aparecer em algum lugar onde não deveria.

(Além disso, concordo que a descoberta de ... não é ótima, e uma mudança nessa linha no núcleo seria bem-vinda.)

1 curtida
3

De fato, mesmo apenas escrever “e mais” seria uma melhoria, embora pareça bem estranho sem remover os pontos.

Parece que eles não fazem parte de alguma mensagem de localização, mas estão codificados aqui:

1 curtida
4

Que tal isto?

  • Primeiro adicionamos uma vírgula após o último link nomeado
  • Depois escondemos o ...
  • Em seguida, inserimos o texto and more — e o afastamos um pouco porque o espaço para o ... ainda está tecnicamente lá
  • (Também adicionamos seletores mais específicos para evitar conflitos potenciais em outros lugares)
.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

Provavelmente existe uma maneira mais elegante de remover o ... completamente do fluxo, mas a margem negativa parece funcionar bem.

1 curtida