Anomalie #1045
ferméProblem de responsiv design sur iphone 6
0%
Description
Bonjour,
la navigation sur téléphone est bonne dans l'ensemble (quelques défauts mais acceptables pour une version beta), sauf pour la page voir_adherent.php.
En particulier la balise
<caption class="ui-state-active ui-corner-top">où le texte est affiché en colonne lettre par lettre.
Ainsi que les boutons de droite qui se retrouvent superposés aux autres infos. Voir pièces jointes.
Étrange, car le rendu est différent sur les sites émulant un iphone. http://www.responsinator.com par exemple (le rendu est plus acceptable sur ce site mais ne correspond pas à la réalité).
Détails: Galette v0.8.3.3
Iphone 6, OS 10.3.1, navigateurs testés: safari et chrome (idem)
a+,
Amaury
Fichiers
Mis à jour par Amaury Froment il y a plus de 6 ans
erratum: le problème ne vient pas de la balise citée plus haut mais de la class="wrmenu" plus exactement.
Proposition d'une amélioration:
légère modification du fichier template/default/galette.css l2004 avec ajout d'un width:
.wrmenu { margin-right: 10em; width:15em; }
le rendu n'est pas parfait mais il permet d'avoir un affichage correcte de 15 majuscules en largeur au lieu d'une lettre par ligne.
Mis à jour par Amaury Froment il y a plus de 6 ans
min-width:15emest plus adapté pour éviter les déformations sur une résolution PC.
Mis à jour par Johan Cwiklinski il y a plus de 6 ans
- Statut changé de Nouveau à Commentaire
- Assigné à
Alexandrine Cwiklinskisupprimé - Priorité changé de Haut à Normal
Il faudrait voir avec la version 0.9 ; pas mal de modifications sur l'affichage mobile ont été apportées... Il n'est pas certain que le problème d'origine existe encore, ni que le correctif proposé corresponde :/
Mis à jour par Johan Cwiklinski il y a plus de 6 ans
- Statut changé de Commentaire à Rejeté
- Version cible
0.9supprimé
Le problème doit être confirmé en 0.9 ; le ticket pourra être rouvert au besoin