Solicitando identificadores CSS para temas, componentes de tema (plugins também?)

Contribuir Funcionalidade
1

Meu theme-component usa objetos para as configurações e oferece vários campos.

Os estilos de grade atuais aplicados às configurações de objeto usam colunas muito estreitas para a coluna de guias verticais e os campos de esquema.

Eu queria oferecer uma exibição alternativa para as configurações de objeto, mas não consegui ver uma maneira de introduzir uma forma de alterar as configurações apenas para o meu theme-component; eu não quero aplicar minhas substituições de CSS globalmente para todos os temas.

O Discourse poderia adicionar um identificador CSS no DOM para cada tema e componente de tema, para que regras de CSS diferentes possam ser adicionadas visando as páginas de configurações de tema específicas?

Aqui está a substituição CSS simples que uso no meu site, que é aplicada globalmente:

.schema-setting-editor .schema-setting-editor__wrapper {
    grid-template-columns: minmax(15em, 0.3fr) 1fr;
    gap: 0 3rem;
}
.schema-setting-editor .schema-field {
    grid-template-columns: 1fr;
    gap: 0;
    background-color: var(--tertiary-100);
    padding: 1rem 5px;
}

Os estilos padrão e substituídos:

default_styles
default_styles1730×1927 242 KB

overwritten_styles
overwritten_styles1730×2151 302 KB

5 curtidas
2

O “conserto” é tão fácil quanto

mas eu me pergunto sobre algumas coisas

  1. se tornarmos “fácil” para os autores de temas personalizarem a aparência da página de suas configurações, tornaremos mais difícil para as pessoas usarem essas páginas se todas forem diferentes?

  2. Deveríamos realmente consertar isso no núcleo para que a página de configurações do tema aproveite melhor o espaço disponível? :thinking: cc @product-managers

3 curtidas
3

Esta parece ser uma preocupação legítima. Como usuário, adoro que a ubiquidade e a consistência do Discourse tornem tão fácil começar a participar em um novo fórum. Como administrador, se eu tivesse a oportunidade de ajudar em outros sites, também apreciaria a consistência.

(Estou pensando em todo o suporte técnico para amigos e familiares que me pediram ajuda. Fico feliz em ajudar com iPhones, mas temo o Android porque cada telefone maldito é diferente.)

4

Sim, acho que não é algo que queiramos incentivar. O @martin tem bastante contexto sobre esta questão no que diz respeito à definição das diretrizes de interface de utilizador que estabelecemos para a secção de administração há algum tempo.

De um modo geral, consideramos que a secção de administração não deve ser personalizada, se bem me lembro.

Sim, acho que faz mais sentido tratar deste tópico como Contribute > UX.

@jordan.vidrine Acho que isto tem alguma sobreposição com os seus esforços anteriores para converter tudo para o formkit, bem como com os comentários sobre o próprio formkit.

2 curtidas
5

Sim, sou bastante contra isso, a interface de administração do Discourse não deve ser personalizada, a consistência da interface do usuário (bem, na maioria, ainda há algumas páginas que precisam ser tratadas) é uma parte fundamental da experiência de administração.

1 curtida
7

Tentei mais uma vez

Antes Depois
before
before1961×1453 204 KB
after
after1961×1453 189 KB

Este é o mais simples que consegui fazer. Não sei se queremos gastar tempo retrabalhando esta interface do usuário - a “barra lateral interna” parece “errada”, mas isso pode ser mais trabalho do que podemos priorizar agora :thinking:

1 curtida
8

Você acha possível manter o botão para alterar a ordem dos elementos sempre visível ao mesmo tempo que a barra lateral interna? Se estiver abaixo de uma longa lista de configurações, alterar a ordem exige muita rolagem; você não consegue ver o que acontece enquanto vê o botão.

2 curtidas
9

@moin Obrigado por apontar isso. É frequentemente um problema para mim também. +1

Concordo, mover os botões para baixo da barra lateral (.schema-setting-editor__tree) melhoraria a experiência do usuário.

Embora, eu preferiria separar os botões de subir/descer do botão de excluir; movendo os botões de subir/descer para baixo da barra lateral, e deixando o botão de excluir como está, abaixo dos campos de configuração.

2 curtidas