Il mio tema-componente utilizza oggetti per le impostazioni e offre parecchi campi.
Gli stili di griglia attualmente applicati alle impostazioni degli oggetti utilizzano colonne molto strette per la colonna delle schede verticali e per i campi dello schema.
Volevo offrire una visualizzazione alternativa per le impostazioni dell’oggetto, ma non ho trovato un modo per introdurre una modifica alle impostazioni solo per il mio tema-componente; non voglio applicare le mie sovrascritture CSS globalmente a tutti i temi.
Discourse potrebbe aggiungere un identificatore CSS nel DOM per ogni tema e tema-componente, in modo che si possano aggiungere regole CSS diverse che mirino alle pagine delle impostazioni specifiche del tema?
Ecco la semplice sovrascrittura CSS che uso sul mio sito, che viene applicata 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;
}
Gli stili predefiniti e quelli sovrascritti:
