éditeur de thème css avec img en data URI > champ redimensionné

[tomek]

Dans l'éditeur de thème, quand on sélectionne un fichier css, que celui-ci contient une image en data URI et qu'on fait défiler le fichier jusqu'à la ligne où elle est insérée, alors le champ se redimensionne vers la droite (en recouvrant tout le contenu de l'admin (en l'occurrence la liste des fichiers du thème, et en ajoutant un ascenseur horizontal) selon la longueur du data URI. Pas rédhibitoire, mais pas très heureux.

Testé en local sous MAMP avec la v2.5 r1096.

[franck]

Ah oui effectivement et j'ai beau essayé un peu dans tous les sens, pas moyen de faire apparaître une barre de défilement dans la zone d'édition.

Donc, where is your patch tomek ?

[tomek]

Oups, sorry j'ai pas. :/

Pas dramatique non plus ceci dit, hein, l'avantage de la coloration syntaxique l'emporte sur ce petit désagrément.

[philippe]

Et si on ajoute overflow-x : scroll; dans la css pour le textarea ?

[franck]

Marchera pas, codemirror masque le textarea pour le remplacer par ses propres div. J'ai testé un peu partout sans trouver où il fallait ajouter la règle pour l'overflow.

Pour info, je l'ai testée, la dernière version de codemirror ne marche pas mieux à ce sujet.

[tomek]

Un bug à faire remonter à codemirror alors ? À moins que ça ne soit qu'en l'intégrant dans DC que ça merdoie ?

[philippe]

En donnant une valeur fixe à la balise pre, ça semble un peu mieux

.CodeMirror pre {
    max-width:750px;white-space: pre;word-wrap: normal;
}

Mais pas moyen d'attribuer une valeur en pourcentage, et donc pour une fenêtre en-dessous de 1024 pixels de large environ (avec 750px pour le max-width), la liste des fichiers passe en-dessous. Sauf si on calculait en js cette max-width pour que ça s'adapte à l'écran...

[franck]

Ça fait pas mal de désagrément juste pour régler un problème qui n'arrive pas si souvent que ça.

Un pis-aller serait de permettre la désactivation temporaire de codemirror, le temps d'éditer le ou les fichiers qui posent problème.