O texto “sobre” desta categoria Contribute > UX diz:
Também para pequenas melhorias “de qualidade de vida”.
Então vamos lá ![]()
Podemos, por favor, ordenar os grupos em ordem alfabética?
Obrigado ![]()
O texto “sobre” desta categoria Contribute > UX diz:
Também para pequenas melhorias “de qualidade de vida”.
Então vamos lá ![]()
Podemos, por favor, ordenar os grupos em ordem alfabética?
Obrigado ![]()
você está se referindo aos grupos neste fórum?
Se não, ficarei feliz em mostrar como fazer isso para o seu próprio fórum
Para contexto:
Podemos ordená-los por Nome Completo, por favor?
Eles são apresentados a nós com o Nome Completo no topo em uma fonte grande, então não faz sentido lógico ordená-los pelo subtexto secundário menor ![]()
Ordenar por nome completo significa que a ordem difere dependendo do idioma da sua interface. (Todos os grupos padrão alteram seu nome completo com base nisso). Prefiro ter a mesma ordem, não importa se estou visualizando a lista em inglês ou alemão. Gosto de poder dizer “o grupo de moderadores está entre o grupo X e o grupo Y” para um usuário, sabendo que será o mesmo para ele sem verificar o idioma da interface.
Então o @Nome, e não o Nome Completo, deve ser exibido no topo com a fonte maior? ![]()
Sim, por favor, compartilhe ![]()
Existe um componente de tema que faz isso?
Isto está sob a listagem de grupo na página sobre seu site no painel do administrador. Role até o final e estará lá.
A configuração para ordenar os grupos adicionais na página “sobre” também muda a forma como eles são exibidos na página de grupos?
Eu acho que sim, deixe-me tentar
Hmm, não estou vendo nenhuma diferença, tente aí do seu lado, acho que não.
Ainda acho que isso se mantém? ![]()
Os grupos ainda estão sendo…
Significando:
Aqui está uma pequena amostra da ordem de grupos muito confusa:
Pensei em duas maneiras de reorganizar a lista de grupos para que sua posição permaneça fixa, os mockups estão abaixo.
Porque, como o Moin disse, idiomas diferentes moveriam os grupos se fossem ordenados por Primeiro Nome.
A opção mais fácil é arrastar as categorias, no entanto, se houver muitas categorias, isso facilmente se tornará uma tarefa incômoda.
Na página de grupos /g, adicione um novo botão
Reordenar Grupos
Então, ícones de arrastar apareceriam e você poderia arrastar os grupos para onde quisesse. No entanto, isso não é muito amigável para dispositivos móveis se houver muitos grupos.
Talvez a maneira de abordar isso seja usando a interface do usuário existente para reordenar grupos. Eu me inspirei no editor de posição fixa do grupo de selos de edição e de categorias.
Essencialmente, você criaria um nome de grupo para seus grupos e poderia ordená-los da maneira que quisesse e então adicionaria grupos ao nome do grupo que você criou e também os ordenaria. Desculpe, isso é confuso ![]()
Novamente, você começaria com o botão
Reordenar Grupos
Isso abriria este editor de grupos. Assim como no editor de selos, onde você pode mover os grupos de Introdução, comunidade e postagem, etc.
Você pode então editar / reorganizar o grupo Região, por exemplo, pressionando o ícone no Editor de Grupo (imagem acima)
Opiniões?
Agradeço o tempo e a reflexão que você dedicou a isso ![]()
A Opção 1 parece a mais lógica, eu acho, enquanto a Opção 2 parece um pouco complexa demais com a necessidade de agrupar as categorias.
Sobre a opção 1 e esta parte:
Talvez a funcionalidade/interface de Reordenar Categorias possa ser aplicada aos grupos também:
Isso na verdade seria benéfico, faz sentido ter algo assim. Talvez na criação do grupo nós o façamos em ordem alfabética.
Estava experimentando com isso e descobri que é possível reorganizar os grupos caso estejam em um contêiner flex.
No Horizon, isso é assim por design e por padrão, então vale a pena verificar o tema ativo para adaptá-lo, se necessário:
.groups-boxes .group-box[data-group-name="group1"] {
order: -3;
}
.groups-boxes .group-box[data-group-name="group2"] {
order: -2;
}
.groups-boxes .group-box[data-group-name="group3"] {
order: -1;
}
Não testei a compatibilidade, mas parece ser amplamente compatível com navegadores modernos, já que o display flex é o padrão comum.
O único problema que encontrei foi que meu estilo CSS não foi aplicado às caixas de grupo. Já tentei body.group-boxes sem sucesso.
Estou aberto a sugestões ![]()
@satonotdead você, senhor, é um gênio ![]()
Eu não mudei o Name ou Full Name de nenhum dos meus grupos.
Eu simplesmente segui sua sugestão e adicionei isso tanto no meu tema Claro quanto no tema Escuro (eu tenho o Horizon desativado):
/* Reordenar todos os grupos pelo seu Full Name */
.groups-boxes>.group-box{order:999}
.groups-boxes>.group-box[data-group-name="group-3d-printing"]{order:1}
.groups-boxes>.group-box[data-group-name="admins"]{order:2}
.groups-boxes>.group-box[data-group-name="group-android"]{order:3}
.groups-boxes>.group-box[data-group-name="group-evo"]{order:4}
.groups-boxes>.group-box[data-group-name="BIGMEET"]{order:5}
.groups-boxes>.group-box[data-group-name="group-challenges"]{order:6}
.groups-boxes>.group-box[data-group-name="group-challenges-cmt"]{order:7}
.groups-boxes>.group-box[data-group-name="commercial-operators"]{order:8}
.groups-boxes>.group-box[data-group-name="group-air-2"]{order:9}
.groups-boxes>.group-box[data-group-name="group-air-2s"]{order:10}
.groups-boxes>.group-box[data-group-name="group-air-3"]{order:11}
.groups-boxes>.group-box[data-group-name="group-air-3s"]{order:12}
.groups-boxes>.group-box[data-group-name="group-dji-avata"]{order:13}
.groups-boxes>.group-box[data-group-name="group-flip"]{order:14}
.groups-boxes>.group-box[data-group-name="group-fly"]{order:15}
.groups-boxes>.group-box[data-group-name="group-dji-fpv"]{order:16}
.groups-boxes>.group-box[data-group-name="group-go4"]{order:17}
.groups-boxes>.group-box[data-group-name="group-dji-lito"]{order:18}
.groups-boxes>.group-box[data-group-name="group-mavic-2"]{order:19}
.groups-boxes>.group-box[data-group-name="group-mavic-3"]{order:20}
.groups-boxes>.group-box[data-group-name="group-mavic-4"]{order:21}
.groups-boxes>.group-box[data-group-name="group-mini-1"]{order:22}
.groups-boxes>.group-box[data-group-name="group-mavic-pro"]{order:23}
.groups-boxes>.group-box[data-group-name="group-mini-2"]{order:24}
.groups-boxes>.group-box[data-group-name="group-mini-3-pro"]{order:25}
.groups-boxes>.group-box[data-group-name="group-mini-4-pro"]{order:26}
.groups-boxes>.group-box[data-group-name="group-mini-4k"]{order:27}
.groups-boxes>.group-box[data-group-name="group-mini-5-pro"]{order:28}
.groups-boxes>.group-box[data-group-name="group-mini-se"]{order:29}
.groups-boxes>.group-box[data-group-name="group-neo"]{order:30}
.groups-boxes>.group-box[data-group-name="group-dji-sc"]{order:31}
.groups-boxes>.group-box[data-group-name="beta-testers"]{order:32}
.groups-boxes>.group-box[data-group-name="group-fpv"]{order:33}
.groups-boxes>.group-box[data-group-name="group-ios"]{order:34}
.groups-boxes>.group-box[data-group-name="group-litchi"]{order:35}
.groups-boxes>.group-box[data-group-name="moderators"]{order:36}
.groups-boxes>.group-box[data-group-name="group-eastmidlands"]{order:37}
.groups-boxes>.group-box[data-group-name="group-eastofengland"]{order:38}
.groups-boxes>.group-box[data-group-name="group-london"]{order:39}
.groups-boxes>.group-box[data-group-name="group-northeast"]{order:40}
.groups-boxes>.group-box[data-group-name="group-northwest"]{order:41}
.groups-boxes>.group-box[data-group-name="group-northernirel"]{order:42}
.groups-boxes>.group-box[data-group-name="group-scotland"]{order:43}
.groups-boxes>.group-box[data-group-name="group-southeast"]{order:44}
.groups-boxes>.group-box[data-group-name="group-southwest"]{order:45}
.groups-boxes>.group-box[data-group-name="group-wales"]{order:46}
.groups-boxes>.group-box[data-group-name="group-westmidlands"]{order:47}
.groups-boxes>.group-box[data-group-name="group-yorkshumber"]{order:48}
.groups-boxes>.group-box[data-group-name="staff"]{order:49}
.groups-boxes>.group-box[data-group-name="trust_level_0"]{order:50}
.groups-boxes>.group-box[data-group-name="trust_level_1"]{order:51}
.groups-boxes>.group-box[data-group-name="trust_level_2"]{order:52}
.groups-boxes>.group-box[data-group-name="trust_level_3"]{order:53}
.groups-boxes>.group-box[data-group-name="trust_level_4"]{order:54}
Agora eu passei disso:
Para isso:
Muito obrigado @satonotdead, isso absolutamente me fez o dia ![]()
Que ótimo, fico muito feliz em saber que foi útil. Acredite, encontrar essa solução também me deixou muito feliz (!) Na nossa comunidade, nossos grupos/níveis são personalizados, e poder exibi-los em ordem é realmente importante para nós.
Vale lembrar que os emblemas também podem ser reorganizados, o que é útil para aqueles de nós que os vinculam a grupos e tiveram dificuldade em fazê-lo no estado padrão do Discourse.
@Discourse minha sugestão anterior continua de pé para um sprint futuro ![]()