Pouvez-vous toujours reproduire cela ? Pour l’instant, je ne peux pas le faire localement.
Horizon utilise le composant pleine largeur, donc si vous utilisiez le thème Foundation (pleine largeur), vous verriez la même chose je pense.
Donc, bien que je sois d’accord sur le fait que ce n’est pas la meilleure disposition, c’est actuellement ce qui est attendu pour tous les thèmes qui utilisent une disposition pleine largeur, oui.
Les captures d’écran montrent que c’est différent dans Horizon et Foundation 
Ou est-ce que je manque quelque chose ?
Oh ! Il faut que je vérifie ça. Je ne savais pas qu’il y avait une distinction !
Je ne semble pas avoir installé Foundation pleine largeur, j’ai essayé de chercher sur meta et je ne l’ai pas trouvé ?
Ce n’est pas un thème spécifique, c’est ce composant : Discourse Full-width component
2 « J'aime »
Nous utilisons actuellement le composant de thème Custom Header Links. Je ne pense pas que ce soit un obstacle majeur pour nous, mais j’aimerais simplement avoir une idée de savoir si cela est toujours envisagé pour le support – est-il toujours à l’étude pour la compatibilité Horizon ? Une estimation du volume de travail nécessaire ?
1 « J'aime »
Nous ne prévoyons actuellement aucun nouveau travail de compatibilité. Cela ne signifie pas que cela n’arrivera jamais, mais l’ajout de toute compatibilité de composant à la feuille de route dépend du nombre de demandes que nous recevons à ce sujet.
Je ne suis pas très sûr, mais je pense que cela pourrait être réalisable. Le principal conflit sera avec le paramètre de bannière de bienvenue, qui utilise la même prise de sortie. Donc, soit vous désactivez complètement cela, soit vous le réglez sur :
Je pense que cela pourrait fonctionner raisonnablement bien dès la sortie de la boîte.
1 « J'aime »
Vous pouvez essayer ce CSS dans un composant de thème et l’inclure dans le thème Horizon :
@use "lib/viewport";
// ** appliquer uniquement aux écrans de bureau et aux tailles de vue plus grandes **
@include viewport.from(lg) {
.container,
.list-controls {
margin-inline: 0 !important;
}
}
1 « J'aime »
Hmm, je ne parviens pas à reproduire cela sur mon iPhone 15 avec les dernières versions de Chrome, Safari ou Firefox.
Quel appareil et quel navigateur utilisez-vous ? Il est étrange qu’il tente de charger les extraits ici.
1 « J'aime »
Je l’ai testé sur un ordinateur de bureau avec le navigateur Chrome. J’ai simplement ajusté la taille de l’écran pour qu’elle corresponde à celle d’un téléphone en utilisant F12. Lorsque j’actualise la page depuis le cache (Ctrl + F5), le problème persiste.
Oui, je viens de tester sur mon Chrome de bureau avec la console pour mobile et je ne parviens toujours pas à reproduire le problème.
3 « J'aime »
Bon, peut-être que ce problème disparaîtra après une mise à jour de Chrome (bien que je pense avoir la dernière version). Tant pis.
J’ai une dernière question. Pourquoi ce bloc avec la sélection d’étiquettes et les boutons ne se cache-t-il pas lorsque je fais défiler la page ? Est-ce que c’est juste moi, ou cela arrive-t-il à tout le monde ? Il occupe pas mal d’espace à l’écran ; il serait logique de le masquer lors du défilement vers le bas.
2 « J'aime »
C’est apparemment le comportement attendu pour le thème Horizon (probablement pour toujours afficher dans quelle catégorie ou balise se trouve l’utilisateur), mais je suis d’accord pour dire que cela prend trop de place lorsqu’il est ancré là pendant le défilement.
2 « J'aime »
Sur les petits écrans de téléphone, ces deux boutons occupent beaucoup trop d’espace par rapport au contenu de la liste des titres.
Je pense que la tendance en matière de densité d’information est d’être plus compacte. Ma solution a été de supprimer l’attribut fixed de cette ligne dans le CSS.
1 « J'aime »
Oui, cela semble être un comportement attendu, malheureusement. Le bouton épinglé et les boutons de notification du sujet se trouvent en dehors de la div topic-footer-main-buttons. Ces deux boutons devraient au minimum être placés dans leur propre ligne, mais il serait certainement plus idéal s’ils pouvaient s’afficher à l’intérieur de la ligne principale des boutons de pied de page du sujet ici.
2 « J'aime »