Salut, j’ai constaté que mes utilisateurs détestent vraiment les larges marges gauche et droite que Discourse utilise par défaut. J’utilisais donc GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width avec ces ajustements CSS supplémentaires :
:root {
--d-max-width: 1900px;
--topic-body-width: 1244px;
}
Une récente mise à jour de Discourse semble avoir cassé GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width , et le panneau de composition pleine largeur sortait du côté gauche de l’écran. J’ai donc désactivé discourse-wide-posts et installé GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width , qui ne réduit que la marge gauche, ainsi que ces ajustements CSS pour réduire la marge droite et également rendre le panneau de composition pleine largeur :
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;
}
Mais il y a quelques bizarreries. La plupart d’entre elles peuvent être reproduites ici sur Discourse Meta avec les thèmes Default (full-width) ou Fully Theme .
Tout d’abord, sans mes ajustements CSS mentionnés précédemment pour #reply-control, le panneau saute en fonction du niveau de zoom :
De plus, aux niveaux de zoom normaux, le div sidebar-wrapper ajuste sa hauteur en fonction de la hauteur du panneau de composition en dessous, mais au-delà d’une certaine largeur de la fenêtre du navigateur, quelque chose change et il commence à être coupé sans possibilité de faire défiler jusqu’en bas de la barre latérale (vérifiez la largeur de l’image de la capture d’écran pour voir approximativement où cela se produit) :
Enfin, avec la règle --topic-body-width: 1244px;, lors de la visualisation d’un sujet, les éléments de la barre latérale se déplacent vers le haut pendant le temps nécessaire au chargement d’un nouveau bloc de messages dans les fils longs lors du saut vers une position différente dans le curseur de la chronologie des messages, puis ils reviennent à leur position normale une fois le chargement terminé. C’est assez distrayant, et cela semble avoir commencé depuis cette mise à jour qui m’a obligé à refaire mes configurations de largeur personnalisées. Si je change la règle CSS en --topic-body-width: 100%;, les éléments de la barre latérale restent en place pendant les changements de chronologie, mais pendant le temps où l’indicateur de chargement en rotation apparaît, la chronologie se décale vers la gauche (probablement vers le --topic-body-width standard de Discourse ?) puis revient brusquement à sa position normale près de la marge droite. Existe-t-il une solution de contournement ? Peut-être une règle de largeur que je peux ajouter à l’indicateur de chargement en rotation ? Je ne peux pas l’attraper avec l’inspecteur HTML car il est trop bref.
Merci de me faire savoir si vous avez besoin de plus d’informations pour déboguer cela. Merci !