Page 1 of 2

[Mobile] Améliorations de la lisibilité / mise en page

Unread postPosted: 28 Jun 2019, 18:45
by Adriweb
Une image sera plus explicite, mais en gros, sur le thème mobile, on a désormais :
  • Les logos success/info/danger des blocs de messages ne sont plus affichés, la couleur de fond est suffisante. Ceci résout un gros problème de lisibilité surtout quand il y avait plusieurs imbrication et des listes rajoutant du padding à gauche. Des fois ça pouvait donner des layouts vraiment ridicules :P
  • Les paragraphes justifiés ont l'auto-tiret-isation (auto-hyphen) d'activé (pas seulement qu'en mobile, d'ailleurs)
  • Les marges autours des images en float sont plus optimales

D'autres conséquences de tout ça sont qu'il n'y a plus besoin de défiler autant pour pouvoir lire du contenu, et les marges par ci par la se retrouvent mieux équilibrées :)

Avant et après, sachant que ce n'était pas du tout le pire exemple :


Un autre exemple, avec des listes :


Re: [Mobile] Amélioration de la lisibilité / mise en page

Unread postPosted: 28 Jun 2019, 18:57
by critor
Merci. :)

Re: [Mobile] Améliorations de la lisibilité / mise en page

Unread postPosted: 28 Jun 2019, 19:49
by Wistaro
Merci :) Je suis un grand amateur de la version mobile :D

Par contre je trouve que sur celle-ci les publicités sont beaucoup trop intrusives / visible..

Image
Image

Ça prend 2 tiers de la page..

Re: [Mobile] Améliorations de la lisibilité / mise en page

Unread postPosted: 28 Jun 2019, 19:58
by Victor D
Autre petite remarque : j'utilise beaucoup la version mobile, et parfois depuis le chat ça m'est très utile pour des raisons de modération d'aller voir le profil de la personne et malheureusement sur la version mobile on ne peut pas voir la date d'inscription ou de dernière connexion, ni accéder aux fichiers uploadés / générations ou encore au dernier post, et enfin les calculatrices (même si on peut faire un AskCalcs c'est plus simple).
Du coup je suis obligé de passer en version ordinateur (ce qui au passage me déconnecte du chat).
Alors si jamais on peut rajouter ces infos (pour les modos au moins).

Mais bon sinon c'est pas bien grave. :)

Re: [Mobile] Améliorations de la lisibilité / mise en page

Unread postPosted: 29 Jun 2019, 06:08
by Adriweb
Wistaro wrote:Merci :) Je suis un grand amateur de la version mobile :D

Par contre je trouve que sur celle-ci les publicités sont beaucoup trop intrusives / visible..

Ça prend 2 tiers de la page..


En fait, oui, ca prend 2 tiers... mais à un seul endroit ?
Cela dit, je vais quand meme désactiver certains types de pub, ca n'etait pas autant sur mon telephone (ou alors ca s'adapte...).
Edit: c'est fait:
Image

Re: [Mobile] Améliorations de la lisibilité / mise en page

Unread postPosted: 29 Jun 2019, 11:18
by Wistaro
Effectivement c'est mieux merci :)

Re: [Mobile] Améliorations de la lisibilité / mise en page

Unread postPosted: 23 Jul 2019, 17:29
by Adriweb
J'ai amélioré (vous me direz si vous voyez des problèmes...) l'affichage dans certains cas sur mobile, ceci est résolu:
- quand il y a une video youtube qui forçait la largeur d'un cadre à l'intérieurs de div success/info/warnings..., le texte dépassait et était caché
- les tables s'affichaient de manières assez nues et n'étaient pas forcément scrollables...



Alors, oui, la video dépasse toujours, mais au moins ce n'est plus problématique pour le reste :P

Re: [Mobile] Améliorations de la lisibilité / mise en page

Unread postPosted: 03 Aug 2019, 22:26
by Wistaro
Super merci !

Re: [Mobile] Améliorations de la lisibilité / mise en page

Unread postPosted: 11 Aug 2019, 04:48
by Wistaro
En fait il y a un petit problème :

https://image.noelshack.com/fichiers/20 ... -46-11.png

Les balises code ne s'affichent plus du tout, j'ignore depuis quand.

Re: [Mobile] Améliorations de la lisibilité / mise en page

Unread postPosted: 11 Aug 2019, 04:56
by Adriweb
Hmm ca doit être un problème spécifique car chez moi tout fonctionne bien ?
https://m.imgur.com/a/ciqauVz