Notre designer rencontre quelques problèmes avec l’aspect réactif de cet add-on (très agréable et utile) et elle demande si elle peut modifier le point de rupture où il passe actuellement des éléments vdo aux éléments vmo.
Merci, j’ai regardé mais je ne le trouve pas là… Je suppose que cela repose sur un paramètre Discourse qui s’applique à l’ensemble du site, et pas seulement à ce menu ?
Quoi qu’il en soit, nous avons réussi à le faire fonctionner avec des requêtes média CSS. Ce n’est pas idéal, mais nous pouvons vivre avec cela.
Le passage de vdo (vue uniquement bureau) à vmo (vue uniquement mobile) est basé sur l’agent utilisateur de votre navigateur et non sur la largeur de la fenêtre d’affichage que vous utilisez ou simulez.
Les requêtes CSS média ne sont pas aussi importantes dans Discourse que sur d’autres sites auxquels vous pourriez être habitué.
Discourse fournit un balisage optimisé différent en fonction de l’appareil sur lequel se trouve l’utilisateur.
Ce que je veux dire, c’est que vous n’avez pas besoin de vous soucier beaucoup des requêtes CSS média. Votre designer doit soit ajouter ?mobile_view=1 à l’URL sur laquelle elle effectue des tests, soit utiliser un agent utilisateur mobile lors des tests ou du débogage sur un ordinateur de bureau.
Intéressant merci d’avoir pris le temps d’expliquer.
Mais lorsque je suis sur ordinateur de bureau et que je modifie la taille de ma fenêtre de navigateur, je vois Discourse réagir et réorganiser des éléments à l’écran. Cela ne provient pas, je suppose, de ma chaîne d’agent utilisateur. Existe-t-il un autre mécanisme qui réagit à la taille de l’écran ?
Par exemple : cette barre de défilement en accéléré sur la droite disparaît aux petites largeurs et est remplacée par un indicateur plus petit affichant uniquement le numéro du message et le total, comme \u003ckbd\u003e19 / 24\u003c/kbd\u003e.
Discourse déplacera des éléments si vous réduisez suffisamment la taille de votre fenêtre. Nous faisons cela pour nous adapter aux différentes tailles d’écran des ordinateurs de bureau et des ordinateurs portables.
Ce n’est cependant pas le point ici. Réduire la fenêtre de visualisation ne déclenchera pas de changement d’agent utilisateur, car cela repose entièrement sur l’agent utilisateur de l’appareil que vous utilisez.
Si vous êtes sur un ordinateur de bureau et que vous modifiez la largeur de la fenêtre ou de l’écran, Discourse s’adaptera autant que raisonnablement possible.
Cependant, si vous essayez de tester l’apparence de Discourse sur mobile alors que vous êtes sur ordinateur de bureau, vous devez soit ajouter