Edition d'un profil

[Fallen Leaves]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://kissmenow.forumactif.com/

Description du problème

Bonjour à tous

Je fignole les derniers détails sur mon forum et j'aurais besoin d'un petit coup de main de votre part pour réussir à modifier une partie que je n'arrive pas à changer.
Comme des images sont parfois plus parlantes que des mots, je vous montre ce que j'aimerais faire :
-> Je me trouve sur la page de profil de mon personnage (lien du fofo/u2) et j'édite l'un des champs (le champ métier/études pour notre exemple)

 

On remarque l'espace "vide" qui se crée et que la zone où l'on peut modifier les infos se retrouve en bas. Cet espace "vide" est en fait ma div qui contenait mes infos qui a été passée en visibility:hidden. Si on enlève la propriété visibility, on voit bien nos infos qui occupent donc l'espace :

Ce que j'aimerais, c'est donc avoir ceci : que la div field_editable passe au dessus de la field_uneditable quand on modifie les infos.

Pour l'instant elle est comme ceci :



et il faudrait qu'elle devienne comme cela :



Je pense que ça doit se passer dans le script situé tout en bas du template profile_view_body mais dès que ça touche au JS, ça devient hors de ma portée  

Ma demande pourrait paraître être ridicule, que je chipote pour des détails mais il y a des champs qui sont très très longs (notamment le champs "relations avec les autres personnages" et du coup, pour accéder à la zone de modification, il faut parfois scroller plusieurs fois...

Exemple avec le champ relations:

Voilà, j'espère que ma demande est compréhensible et surtout qu'il est possible de faire ce petit changement

Merci et bon début de week-end à tous

[Lixyr]

Bonsoir,

En dehors du fait d'avoir mis visibility: hidden, n'y aurait-il pas moyen de mettre une hauteur à 0 pour que le champ ne prenne plus de place ? Forcer une hauteur à 0 quand c'est invisible :

Code:

.invisible {
  display: none;
  visibility: hidden;
  height: 0px !important;
}

Avez-vous un compte invité sur lequel se connecter pour tester directement ?

[Fallen Leaves]

Bonjour Lixyr et merci pour votre réponse

J'étais tellement persuadée que ça allait se jouer dans le script que je n'ai pas du tout pensé à contourner le problème par le CSS ! Et en effet, un height à 0 fonctionne parfaitement !!
(ce n'est pas moi qui ai mis la visibility en hidden, c'est le comportement normal de la div field_uneditable quand on édite un champ)

Je vous remercie grandement pour l'aide apportée !! Bon début de semaine à vous