Come posso impedire a Discourse di alterare il design del mio Forum?

Ho creato un thread a riguardo alcune settimane fa, ma ora non riesco più a trovarlo. Non so se un amministratore l’abbia cancellato o cosa sia successo. In ogni caso, il mio problema rimane: il design del mio Forum cambia ogni settimana circa e vorrei che questo smettesse di accadere.

L’ultima volta non avevo prove concrete, ma ora le ho:

Come puoi vedere nell’immagine sopra, le descrizioni delle mie categorie sono strane e con un rientro anomalo. Questa è una novità. Per settimane questa sezione era perfettamente allineata, ma oggi vado sul forum e improvvisamente tutto è disallineato.

Come ho detto, questo è già successo in passato e ho pubblicato un thread a riguardo senza ricevere un aiuto adeguato. Perché sta succedendo? E come posso prevenirlo?

Come puoi immaginare, è molto fastidioso dedicare ore del mio tempo a perfezionare il design del mio forum, solo per vederlo cambiare continuamente e costringermi a individuare questi problemi e a correggerli costantemente. Puoi trovare il mio forum qui.

Grazie!

Non posso indicare la ragione specifica per cui è successo, forse un nuovo aggiornamento di Discourse (o un tema o plugin che utilizzi) ha modificato il CSS. Stai utilizzando un tema personalizzato?

Ciò che può aiutarti (se puoi modificare il CSS del tuo sito) è rimuovere (o modificare) il margine applicato al logo (in .ember-view > a.category-title-link > div.category-logo.aspect-image nell’esploratore HTML per ogni elemento della categoria):

.category-logo.aspect-image { 
    ...
    margin: 0.33em 2em 2em 0; # rimuovi
}

Il CSS sopra riportato fa sì che le descrizioni vadano verso destra; se rimuovi e poi applichi un margine a sinistra e rimuovi il padding a sinistra della descrizione per mantenerla allineata, dovrebbe risolvere il problema (non ho effettuato test approfonditi, però):

.categories-list .category .category-description {
    margin-left: 75px;
    padding: 0;
}

Per quanto riguarda il motivo per cui è successo e se accadrà (qualcosa di simile) in futuro, forse il team di Discourse potrà fornire una spiegazione migliore.

Quando il tuo sito viene aggiornato automaticamente, vengono applicate tutte le modifiche effettuate tra un deploy e l’altro. Se modifichi solo il CSS del sito, è improbabile che si rompa (più probabilmente una parte potrebbe smettere di funzionare perché qualche elemento è stato rifattorizzato o modificato, ecc.); se invece modifichi i template o utilizzi script JS, è più facile che qualcosa si rompa quando apportiamo delle modifiche.

Mentre cerchiamo sempre di essere il più possibile lungimiranti quando effettuiamo modifiche importanti che possono impattare i siti ospitati e quelli self-hosted, creando argomenti dedicati nella categoria #feature:announcements, le modifiche minori sono elencate su GitHub solo fino al rilascio della nuova beta.

Potresti risolvere facilmente il tuo codice, come ha detto @lucasbasquerotto, ma non abbiamo modo di avvisarti in anticipo di eventuali modifiche che apportiamo o di avvisarti prima del deploy sul sito.

4 Mi Piace

Ho modificato solo il CSS del sito, poiché non sono uno sviluppatore e non so fare altro.

Il tema che sto usando per il mio forum è il tema Zeronoise, che ho trovato qui sul vostro sito.

Grazie per la risposta! Tuttavia, non mi aiuta ancora a capire cosa sto facendo di sbagliato. Se potete dirmi qual è il mio errore, allora potrò smettere di farlo. Tutti i temi e i componenti del tema che installo provengono da voi. L’unica cosa che modifico in quei temi è il CSS.

È sbagliato il modo in cui carico i temi? Per favore, aiutami a capire cosa mi sfugge, perché voglio davvero risolvere il problema per non dover più gestire cambiamenti casuali nel design del mio sito ogni poche settimane.

Ehi, grazie mille per questo! Farò qualche test!

Quindi ti basta segnalare questo problema in quel topic e il creatore del tema lo risolverà correttamente. Una volta fatto, dovrai solo aggiornare il tema.

1 Mi Piace

Sembra che mi stiano sfuggendo alcune informazioni chiave sull’ecosistema Discourse, il che mi impedisce di comprendere appieno la tua proposta. Quindi, se il mio tema si “rompe”, dovrò contattare il creatore del tema per risolverlo? Perché il tema si rompe in primo luogo?

Devo semplicemente dire al creatore del tema qualcosa come: “Ehi, il mio testo era qui, ma ora è lì. Puoi sistemarlo?” E poi il creatore del tema modificherà del codice nel tema, e io dovrò riscaricare quel tema, ricaricarlo su Discourse, incollare le mie modifiche CSS dalla versione precedente (così le mie modifiche di design vengono mantenute), e poi tutto apparirà come dovrebbe?

E dovrò ripetere questo processo ogni paio di settimane circa, man mano che gli aggiornamenti di Discourse spostano il mio design?

Come risolvono questo problema gli altri utenti? Immagino che la maggior parte delle persone faccia modifiche CSS ai propri temi, giusto?

La fragilità dipende probabilmente da come stai scrivendo il tuo CSS. Puoi fornire alcuni esempi di come stai sovrascrivendo gli stili nelle aree che si sono rotte di recente? Inoltre, il tuo forum è pubblico? Sarebbe molto utile vedere come il tuo forum è stilizzato diversamente dai temi predefiniti.

Il mio forum è visibile qui.

Il primo problema riguardava la larghezza del mio contenitore:

Circa una settimana dopo aver definito il mio layout, ho visitato il forum e ho notato che il contenitore era diventato notevolmente più stretto. I testi che prima occupavano due righe ora ne occupavano tre o quattro.

Il secondo problema è quello che sto segnalando in questa discussione: il mio testo si rompeva casualmente, uscendo dall’allineamento.

Sono preoccupato perché non è ancora finito il mio periodo di prova di 28 giorni e ho già riscontrato questo problema due volte.

Ci sono temi ufficiali (creati dal team di Discourse, come i temi chiaro e scuro) e temi non ufficiali. Se un tema ufficiale si rompe, il team di Discourse dovrebbe risolverlo, ma se si rompe un tema non ufficiale, dovresti chiedere al creatore del tema di sistemarlo; dopotutto, non sarebbe sostenibile che il team di Discourse correggesse ogni singolo tema che si rompe (chiunque può pubblicare un tema qui nel forum, incluso io e te).

Ciò che ha rotto il CSS è probabilmente una modifica apportata dal team di Discourse che ha influenzato (involontariamente) il CSS del tema; in tal caso, dovrebbe essere il creatore del tema a sistemarlo, oppure puoi fare un fork del loro repository e correggere tu stesso le modifiche. In alternativa, puoi assumere qualcuno nel canale Marketplace. Potrebbe non essere ciò che speravi, ma purtroppo non c’è molto da fare per i temi non ufficiali. La buona notizia è: la correzione sembra essere semplice, come ho mostrato nel mio post precedente.

Detto questo, sembra che questo tema sia di proprietà di Discourse, poiché il repository è:

Quindi forse puoi chiedere al team di Discourse, a meno che non ci sia qualcosa che mi sto perdendo.

Puoi verificare che il problema sia effettivamente nel tema accedendo alla modalità sicura all’indirizzo: https://forum.actionvfx.com/safe-mode

Quindi, disabilita solo il tema e premi OK: le descrizioni saranno allineate.

2 Mi Piace