Recherche avancée

Sur d’autres sites (13697)

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  17 avril 2021

  À vous entendre j’ai un peu l’impression que c’est insoluble.

  À titre personnel :

  - j’aimais bien la démarcation bordure top du fieldset (au contraire même je trouve quelle améliore la lecture, enfin pour celui du premier niveau)
  - je n’aime pas pour sûr non plus le dégradé de bordure sur la proposition de Rasta
  - et je ne suis pas choqué du tout par le "cadre" de la proposition de Nicod ;

  Ce qui me gène par contre un peu plus c’est de démarquer le premier niveau de fieldset ; ou alors il faudrait pouvoir le désactiver avec une classe.

  Je comprends l’argument que tu disais pour "si tu demandes une date en 3 parties jour | mois | annee" (ou je sais plus exactement) tu as besoin que ça se démarque.
  Mais pour pas mal de formulaires utilisés dans SPIP démarquer plus le fieldset de premier niveau est pas utile (d’où peut être de pouvoir désactiver au besoin son décalage). Si tu regardes ?exec=configurer_contenu : il n’ a pas besoin de plus que ça actuellement.

  Maintenant si ça doit être fait quand même, ce que propose Nicod me parait vaguement plus agréable, même si c’est peut être pas assez distinctif. J’enlèverais la marge blanche entre le bord et le premier fieldset également.

  Quelques remarques d’alignement :¶

  - Par ailleurs je crois que (comme le montre Nicod) il faut réaligner le legend avec les labels dessous.
  - Je dirais même qu’il faut aligner ce legend avec les labels au dessus (c’est à dire en soustrayant de la marge l’éventuelle bordure ajoutée)
  - Il ne faudrait pas qu’une éventuelle bordure gauche sur le fieldset dépasse vers le bas (comme encore une fois ce que montre Nicod) ; Ce que je n’ai pas spécialement réussi à faire sur les captures que je montre après (peut être faut décorer la bordure avec un :before {} alors plutôt que de tenter d’altérer les marges des :last-child contenus dans le fieldset)

  Je montre différents tests ensuite, pour montrer que mettre un fieldset de premier niveau "visible" c’est pas gégé sur les formulaires de base, et mieux sans (ou faut un truc pour le désactiver - ou inversement l’activer au besoin). En fait il y a peut être besoin de 2 types de fieldsets (de premier niveau)

  avec bordure gauche, sans marge gauche, alignements verticaux respectés¶

  
  

  Ici le fieldset de premier niveau est bien lourd…

  sans bordure gauche de premier niveau, alignements verticaux respectés¶

  
  

  Le problème est montré sur le dernier champ du formulaire formidable : on ne sait pas s’il est du fieldset ou possiblement en dehors du fieldset

  Bref, tout ça est hyper pas simple. Je n’ai pas l’impression qu’on puisse concilier l’un (la simplicité du premier niveau) sans alourdir visuellement inutilement, et sans proposer 2 « types » de fieldset de premier niveau.
  Je parle même pas de la syntaxe avec ou sans div.fieldset en plus…

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  17 avril 2021

  Un peu d’archéologie :

  La classe ".editer_type_fieldset" est Introduite là, là https://git-mirror.spip.net/spip/spip/-/commit/31ff8a5d58c4 avec un message de commit peu explicite (il y a les changements de

  en h3.legend aussi) donc ça doit concerner les facilités de stylages.

  Sur ce commit, "editer_type_fieldset" est conservé (le seul, pour compat ie6 et 7), alors que tous les autres ".editer_type_input" "editer_type_select" et autres ont été supprimés.
  https://git-mirror.spip.net/spip/spip/-/commit/f60b051a98

  Remplacé ensuite de .editer.editer_type_fieldset+ fieldset en .editer.fieldet + fieldset qui sert a priori a enlever le padding du .editer
  https://git-mirror.spip.net/spip/spip/-/commit/e78936ec8

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  16 avril 2021, par RastaPopoulos ♥

  Je mets ici un essai fait un peu à l’arrache hier dans le navigateur que j’ai peaufiné un peu ce matin.

  Les arguments qui vont avec :

  • Je pense que c’est plus léger visuellement à la fois que le master et que dans la branche de cette PR, y compris pour les groupes racines, car il n’y a pas de coupure horizontale. Quand l’œil parcourt de haut en bas, il n’est pas bloqué par des bordures horizontales qui font que l’esprit s’arrête un instant.
  • Les groupes doivent tous être matérialisés par un début et une fin, y compris les groupes racines : il peut y avoir des champs hors groupe après n’importe quel fieldset, et donc on doit savoir où finit un fieldset.
  • Là je matérialise avec une fine ligne de la couleur du thème, que je fais terminer en dégradé vers le transparent afin de ce soit plus doux (ce n’est pas une border mais une background-image gradient de 1px)
  • De cette manière on voit à la fois le début et la fin, sans coupure de lecture, et avec une indication de 1px seulement. Notamment les groupes racines ne sont pas décalés du tout par rapport au reste : l’indication de 1px se superpose à la bordure existante des formulaires. Ainsi comme on le voit, les champs intérieur au premier groupe racine sont pile au même niveau que les champs en dehors du groupe.

  

  Commentaire supplémentaire : cette légère matérialisation ne se base pas sur la couleur mais sur la luminosité, ainsi ça marche même si on est daltonien. Pour appuyer on peut utiliser spip-color-theme-dark, ou si on veut faire plus neutre, on pourrait aussi virer totalement la couleur et utiliser spip-color-gray-dark aussi bien pour la ligne dégradé que pour le legend. Le principe restant le même.

  Version monochrome avec spip-color-gray-dark (plus foncé que précédemment), on voit quand même pas mal la diff à tous les niveaux.