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:
