Mi tema-componente utiliza objetos para la configuración y ofrece bastantes campos.
Los estilos de cuadrícula aplicados actualmente a la configuración de objetos utilizan columnas muy estrechas para la columna de pestañas verticales y los campos del esquema.
Quería ofrecer una visualización alternativa para la configuración del objeto, pero no encontré una manera de introducir una forma de modificar la configuración solo para mi tema-componente; no quiero aplicar mis anulaciones de CSS globalmente para todos los temas.
¿Podría Discourse añadir un identificador CSS en el DOM para cada tema y tema-componente, de modo que se puedan añadir diferentes reglas CSS dirigidas a las páginas de configuración de temas específicas?
Aquí está la anulación de CSS simple que uso en mi sitio, que se aplica 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;
}
Los estilos predeterminados y anulados:
