Ces exemples ont été capturés avec le thème Graceful, mais cela se produit également avec le thème par défaut.
Est-ce un sujet qui a déjà été abordé ou devrais-je ouvrir un ticket à ce sujet ?
Merci !
Essayez de changer la langue. Dans mon cas, cela se produit car les en-têtes de tableau sont un peu trop grands par rapport à l’anglais. Si je réduis tous ces en-têtes de tableau à un seul mot, la largeur du tableau revient à celle de son div parent (1110 px dans mon cas), mais dans mon cas, les en-têtes sont un peu grands, ce qui fait que le tableau dépasse la largeur de son div parent.
Je viens de le faire, toujours aucun problème. Je pense que c’est parce que votre thème a une taille de conteneur plus petite à cause de ce grand padding/marges que je vois. Dans mon thème, j’ai une largeur maximale de 1250px. Soit augmentez la taille du conteneur en ajoutant
Ceci concerne une installation locale entièrement nouvelle, sans aucune personnalisation ; j’ai simplement changé la langue et ouvert le tableau des utilisateurs :
C’est une page différente — il semble qu’il s’agisse de la page /users, alors que la capture d’écran du premier message montre la liste des utilisateurs administrateurs. Je vais clarifier cela en modifiant le premier message.
Je pense que je l’ai trouvé. Je n’ai pas pu le voir sur mon thème car j’ai une largeur maximale de 1250 px, donc c’est plus grand.
Ajoutez ceci dans votre onglet Bureau :
body .directory table th.sortable {
white-space: initial;
}
Édition : @codinghorror Oui Jeff, c’est présent dans le thème par défaut également à cause de cela white-space: nowrap; sur la ligne 312 de discourse.scss.
Cela met en évidence un problème avec le défilement infini et les tableaux larges… Je le démontre ici :
Le comportement actuel consiste à faire défiler toute l’application horizontalement dans ces cas… nous essayons généralement d’éviter cela, mais si vous regardez la seconde moitié de la vidéo, vous verrez que tenter de résoudre le problème peut empirer les choses. Si nous masquons le débordement et ajoutons une barre de défilement horizontale uniquement pour le débordement du tableau, la barre se trouve en bas du tableau et n’est pas fixée en bas de la fenêtre d’affichage… il est donc très difficile d’y accéder lorsque nous chargeons de nouveaux résultats au fur et à mesure.
Je pense que la meilleure option serait probablement d’ajouter une autre barre de défilement en haut des tableaux débordants avec un peu de JavaScript ?
Oui, la deuxième partie avec la solution est pire.
Pour moi, le problème des tableaux larges qui débordent, c’est qu’ils cassent la conception de la page, alors que tout le reste est correctement contenu et aligné.
Mais je suppose qu’il n’y a pas de solution facile pour cela et que la meilleure correction pour l’instant est d’éviter d’avoir ces tableaux larges dès le départ.