Ciao, ho scoperto che ai miei utenti non piacciono molto i margini ampi a sinistra e a destra che Discourse utilizza per impostazione predefinita. Quindi stavo usando GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width insieme a queste modifiche CSS aggiuntive:
:root {
--d-max-width: 1900px;
--topic-body-width: 1244px;
}
Un recente aggiornamento di Discourse sembra aver interrotto GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width, e il pannello di composizione a larghezza intera usciva dal lato sinistro dello schermo. Quindi ho disabilitato discourse-wide-posts e installato GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width, che riduce solo il margine sinistro, piĂą queste modifiche CSS per ridurre il margine destro e anche rendere il pannello di composizione a larghezza intera:
body.has-sidebar-page #reply-control.show-preview:not(.fullscreen), #reply-control {
max-width: 100%;
margin-left: 0;
}
:root {
--d-max-width: 1900px;
--topic-body-width: 1244px;
}
Ma ci sono alcune stranezze. La maggior parte di queste possono essere riprodotte qui su Discourse Meta con i temi Default (full-width) o Fully Theme.
Prima di tutto, senza le mie modifiche CSS precedentemente menzionate a #reply-control, il pannello salta a seconda del livello di zoom:
Inoltre, a livelli di zoom normali, il div sidebar-wrapper regola la sua altezza in base all’altezza del pannello di composizione sottostante, ma oltre una certa larghezza della finestra del browser qualcosa cambia e inizia a essere tagliato senza possibilità di scorrere fino in fondo alla barra laterale (controlla la larghezza dell’immagine dello screenshot per vedere approssimativamente dove succede):
Infine, con la regola --topic-body-width: 1244px;, durante la visualizzazione di un argomento, gli elementi della barra laterale si spostano verso l’alto durante il tempo necessario per caricare un nuovo blocco di post nei thread lunghi quando si salta a una posizione diversa nella barra del tempo dei post, e poi tornano alla loro posizione normale dopo che il caricamento è terminato. Questo è piuttosto distraente, e sembra essere iniziato da questo aggiornamento che mi ha richiesto di rifare le mie configurazioni di larghezza personalizzate. Se cambio la regola CSS in --topic-body-width: 100%;, allora gli elementi della barra laterale rimangono al loro posto durante gli spostamenti della barra del tempo, ma durante il tempo in cui appare l’indicatore di caricamento rotante, la barra del tempo si sposta a sinistra (probabilmente alla --topic-body-width standard di Discourse?) e poi torna bruscamente alla sua posizione normale vicino al margine destro. C’è una soluzione per questo? Possibilmente una regola di larghezza che posso aggiungere alla cosa rotante di caricamento? Non riesco a catturarla con l’ispettore HTML perché è troppo breve.
Per favore, fammi sapere se hai bisogno di ulteriori informazioni per eseguire il debug. Grazie!