t13h37 / feedback-magazine

Retours techniques sur le site letrainde13h37.fr
4 stars 0 forks source link

Améliorer l'affichage de portions de code sur les supports mobiles #8

Open ghost opened 12 years ago

ghost commented 12 years ago

Lorsqu'on consulte un article comportant des extraits de code sur un support mobile, la présence de barres de défilement oblige à utiliser deux doigts pour faire défiler ou à activer le basculement en mode plein texte pour sélectionner et faire défiler en faisant défiler le curseur de sélection (testé sur un iPhone), ce qui est surtout pénible quand il n'y a qu'une ligne de code.

Le mieux serait d'implémenter la déclaration CSS white-space: pre-wrap pour éviter au moins le scroll horizontal.

pouipouidesign commented 12 years ago

Bonjour,

Je n'avais effectivement pas eu le temps de vérifier ce point dans le feu de la sortie... Je viens de regarder, et en effet ce n'est pas très pratique :/

Le truc c'est que le plugin qui produit les jolis blocks de code colorés (Crayon) ne permet pas de choisir un mode "texte sur plusieurs lignes" (ou alors je n'ai pas trouvé) et qu'il est parfois assez "agressif" dans son utilisation des CSS (genre déclarations inline avec !important), ce qui ne rends pas la résolution de ce souci si facile.

J'ai pu, par contre, mettre ladite propriété CSS sur le <textarea> contenant la version "plain text" du code... ce qui n'est pas parfait mais déjà nettement plus utilisable, enfin amha.

Si tu/vous avez des idées supplémentaires pour résoudre encore mieux cette problématique, nous sommes preneurs ! :)

Merci encore de ta vigilance, A bientôt dans le train :) Marie