search

PnX-SI / GeoNature-atlas

Application WEB permettant de générer des fiches espèces publiques à partir d'observations faune/flore
GNU General Public License v3.0
44 stars 48 forks source link

Bug d'affichage: Taxons agrégés #423

Open AudreyEnGuyane opened 2 years ago

AudreyEnGuyane commented 2 years ago

Bonjour la meute!

Lorsque qu'un taxon présente des sous-taxons, la bouton "xx taxons inférieurs agrégés sur cette fiche" permet d'afficher cette liste dans une fenêtre en sur-imposition. Problème: le fond de la fenêtre ne couvre pas l'ensemble des colonnes d'informations (observations et fiches sont hors du cadre) bug_taxons_agreges

Comment on résoud ça? (je n'ai pas trouvé le template)

jpm-cbna commented 2 years ago

Pour commencer, nous pouvons essayer d'augmenter la taille de la modale. Pour cela il faudrait rajouter une classe modal-lg dans l'attribut class en plus de la classe modal-dialog au niveau de la ligne 110 du template "identityCard.html". Voir la doc Bootstrap sur la taille des modales.

Ensuite, si cela ne suffit pas, il faudrait essayer de rendre la table du contenu responsive. Voir la doc Bootstrap sur les tables responsive.

AudreyEnGuyane commented 2 years ago

L'ajout de modal-lg a résolu le problème. Merci ! Edit suite à retour de Théo: ça a résolu le problème sur affichage PC mais pas sur des petits écrans (comme un portable).

jpm-cbna commented 1 year ago

Pour les petits écrans, il serait intéressant de transformer le tableau pour que chaque ligne s'affiche sous forme d'une table individuelle de 2 colonnes (nom du champ et valeur). Mais ce n'est pas possible avec Bootstrap, il me semble.

Par contre, la doc sur les tables responsive de Bootstrap indique que nous pouvons imbriquer le tableau dans une div avec une classe table-responsive soit <div class="table-responsive">...table...</div>. Mais cela ne fera que rajouter une barre de défilement horizontale...