L’espacement devrait être pour la chronologie du sujet (image ci-dessus pour référence), c’est pourquoi sans les clearfix, l’espace est toujours présent. Il y a toujours de l’espace pour la chronologie, même s’il n’y a qu’un seul message et même si vous n’êtes pas administrateur, où la chronologie apparaîtrait vide et se présenterait comme un espace vide.
Cela peut être incohérent ou choquant si cet espace se remplit lorsqu’un nouveau message est ajouté et que la chronologie du sujet apparaît, mais si vous voulez qu’il occupe tout l’espace lorsqu’il n’y a qu’un seul message (pas de chronologie), vous pouvez faire ceci :
@media screen and (min-width: 925px) {
.container.posts:not(:has(.timeline-scrollarea-wrapper)) {
grid-template-columns: 100%;
}
}
Remarque : Le .timeline-scrollarea-wrapper n’apparaît que s’il y a suffisamment de messages pour que la chronologie apparaisse, c’est pourquoi cela fonctionne.
Pour les administrateurs (voir le bouton flottant) :
Pour les non-administrateurs :
Si vous souhaitez un peu d’espace pour le bouton des paramètres, vous pouvez ajuster ou modifier cette partie :
grid-template-columns: 90% 10%;
grid-template-columns: calc(100% - 80px) 80px;
Cela vous aide-t-il à comprendre ce qui se passe avec la mise en page ou à résoudre entièrement le problème ? Nous constatons que le clearfix sur votre capture d’écran occupe un espacement légèrement différent de celui que nous avons pu reproduire, nous ne sommes donc pas sûrs à 100 % si cela résout le problème.
Personnellement, je le laisserais tel quel pour la cohérence, que la chronologie soit disponible ou non, mais si vous souhaitez y apporter des modifications, le CSS ci-dessus devrait suffire pour occuper toute la largeur lorsque la chronologie du sujet est vide. Faites-nous savoir si vous rencontrez des problèmes avec cela ou si vous avez besoin d’aide pour la mise en œuvre ! Merci.