Ciao, in passato inserivo il nome del mio forum come testo nell’intestazione dopo il logo, ma era un pasticcio cercare di farlo adattarsi a tutte le combinazioni di larghezze del browser e di possibili contenuti dell’intestazione. Quindi ora uso un’immagine del logo con il logo effettivo seguito dal nome del forum nell’immagine stessa.
Ma dopo l’aggiornamento alla v2026.7.0 ho problemi a farlo adattare a determinate larghezze all’interno degli argomenti. (Non ci sono problemi nella homepage, poiché l’intestazione lì ha più spazio vuoto). L’impostazione Discourse per il Logo piccolo dice “L’immagine del logo piccolo in alto a sinistra del tuo sito, visibile quando si scorre verso il basso”. Tuttavia, il comportamento effettivo è un po’ più complesso di così. A larghezze del browser >=1015 pixel (circa) quando si scorre verso il basso all’interno di un argomento con la barra laterale visibile viene utilizzato il Logo principale, che deve essere ridotto per adattarsi al piccolo spazio rimanente a sinistra del titolo dell’argomento, il che lo rende illeggibile nel mio caso. Poi larghezze inferiori a ~1015 pixel fanno passare al Logo piccolo. C’è qualche modo per far sì che sempre usi il Logo piccolo o persino il Logo mobile quando si scorre verso il basso in una vista argomento? Ci sono alcune idee simili in questo vecchio thread, ma non è esattamente quello che voglio fare e non sono sicuro che l’implementazione tecnica sia ancora valida:
// Quando la barra laterale è visibile, forza lo HomeLogo in uno stato "non minimizzato".
const transformerExists = api.registerValueTransformer?.(
"home-logo-minimized",
({ value, context }) => {
if (value && context.showSidebar) {
return false;
}
return value;
}
);
^ E anche questo, ma è solo per i test automatizzati, corretto?
Esiste un modo ragionevolmente pulito per “sovrascrivere la sovrascrittura” senza dover fare un fork completo del componente? Ne ho bisogno principalmente perché 1) molti dei miei utenti hanno espresso chiaramente una forte preferenza per il layout largo e 2) ci sono troppe stranezze, grandi e piccole, che richiedono regole CSS aggiuntive oltre al semplice aumento dei valori di --d-max-width e --topic-body-width. Ho mantenuto il mio componente tematico con un mucchio di regole CSS pure che ho copiato e adattato da discourse-full-width-component/common/common.scss at main · discourse/discourse-full-width-component · GitHub, ma tende a rompersi con ogni rilascio importante di Discourse e preferirei qualcosa di meglio mantenuto e che richieda meno manutenzione, come il Full Width Component.
Ottimo!! Grazie mille, Kris.
Quel commit sarà disponibile per ESR? Al momento indica che il mio componente a larghezza intera è Tema aggiornato con d-compat/2026.7
Certo, queste modifiche sono completamente controllate dalla nuova impostazione, quindi è sicuro eseguirne il backport a quella versione. Dovrebbe essere già disponibile.
