Projet

Général

Profil

Bug #7757

Forcer la largeur des éléments de formulaire dans les boites de dialogue casse le layout sur deux colonnes dans authentic2

Ajouté par Benjamin Dauvergne il y a presque 9 ans. Mis à jour il y a environ 4 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
-
Version cible:
-
Début:
03 juillet 2015
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Non
Planning:
Non

Description

Le code qui m'embête est celui-là:

div.ui-dialog form p input, div.ui-dialog form p select, div.ui-dialog form p textarea {
    width: 95%;
}

À voir l'effet que ça donne sur https://cresson.entrouvert.org/manage/users/ en essayant d'ajouter un utilisateur.

Je suis pour une réflexion un peu plus globale sur le rendu des formulaires parce que pour l'instant c'est un peu essaie/erreur de mon coté.

Historique

#1

Mis à jour par Frédéric Péters il y a presque 9 ans

Pour ma part, avoir un comportement par défaut qui produit des boites agréables, je trouve ça bien, et quand ça s'éloigne de ça, des règles plus spécifiques doivent être ajoutées; la réflexion porterait sur le style des sélecteurs CSS qu'on utilise dans gadjo, qu'on ait une manière systématique de faire plus spécifique dans une application ?

L'issue de la réflexion serait pour moi, "ne jamais styler en fonction d'un id dans gadjo", comme ça on sait qu'on a juste à mettre un id dans l'html qu'on veut spécifique et que le sélecteur CSS qu'on créera sur cette base sera nécessairement plus fort.

D'autres idées ?

#2

Mis à jour par Benjamin Dauvergne il y a presque 9 ans

Disons qu'avec box-sizing: border-box ce serait plus facile d'avoir quelque chose de responsive dans les boites de dialogue, ici le padding est en pixel et la largeur du contenu en pourcentage, ça dépend de la largeur du parent si ça rentre ou pas (qu'on soit en monocolonne ou double colonne avec des float n'est pas déterminant finalement). Dans la feuille de style du manager j'ai mis width: calc(100% - 28px) pour les widgets, 28px étant le padding horizontal de gadjo (10+10) plus largeur des bords (1+1) plus 6px d'espace avec la colonne d'à coté. Ma solution ça pourrait être d'ajouter les div.ui-dialog qui me manque pour passer par dessus les règles de gadjo. Mais sinon je verrai bien mon width: calc(...) remplacé le width: 95% dans gadjo, mais je ne vois pas ce que ça implique de mal.

#3

Mis à jour par Frédéric Péters il y a environ 4 ans

  • Statut changé de Nouveau à Fermé

Authentic ne fait plus ainsi.

Formats disponibles : Atom PDF