search

GeotrekCE / Geotrek-mobile

Cross-platform native app
https://geotrek.fr
BSD 2-Clause "Simplified" License
24 stars 10 forks source link

V3. page statique rubique transport #229

Closed lelannl closed 3 years ago

lelannl commented 5 years ago

bonjour,

Dans la partie "transport" de l'appli les images sont déformées

Screenshot_20190613-135029_Rando Ecrins

camillemonchicourt commented 5 years ago

Pareil que ce qu'on avait rencontré dans la V2 qui était à corriger au niveau des pages elles-mêmes ? https://github.com/GeotrekCE/Geotrek-mobile/issues/184

bastyen commented 5 years ago

On peut ajouter une règle css pour toutes les images des fiches informations. Cette règle peut empêcher que la hauteur de l'image soit plus grande que X pixels tout simplement. Donc le rendu ne sera pas parfait, mais toujours plus agréable à l'oeil

camillemonchicourt commented 5 years ago

Je sais pas si c'est pertinent. Dans ce cas je pense que c'est nous qui avons oublié de mettre un style sur cette image mais a vérifier

gutard commented 5 years ago

Le problème vient entre autres de tinymce qui ajoute automatiquement les attributs width=… et height=… en fonction de la taille de la source de l'image. Du coup quand le css rajoute une règle witdh: 100% pour le responsive, elle est respectée en largeur, mais la hauteur n'est pas modifiée pour respecter le ratio. Je ne sais pas quel fixes sont faisable et pertinents :