Recherche avancée

Sur d’autres sites (15417)

• 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

  Disgression : au fait, quelle était l’intention derrière le fait de mettre des

  à la place de <legend></legend> dans les fieldsets ? Faut que je retourne voir comment c’était stylé avant, moi du coup je les affiche comme des <legend></legend>, mais c’était peut-être pas le but ?

  Et une dernière réflexion tardive pour la route : toujours avec le 2ème exemple de marcimat, en ajoutant une classe aux fieldsets je trouve que la structure devient plus naturelle, ne se pose plus la question de savoir s’il faut les encapsuler dans un conteneur ou pas.

  <span class="CodeRay"><span class="tag">form</span>
    <span class="class">.editer-surgroupe</span> (= <span class="tag">fieldset</span>)
      <span class="class">.legend</span>
      <span class="class">.editer-groupe</span>
         <span class="class">.editer</span>
         <span class="class">.editer</span> ...
    <span class="class">.editer-groupe</span>
      <span class="class">.editer</span>
      <span class="class">.editer</span> ...
  </span>
  Télécharger

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

  18 avril 2021

  Je découvre les fieldset.editer qui sont des lignes pour les .choix, introduit assez récemment. Donc ça fait une option de plus à gérer.

  Dans quelle mesure Tcharles il y a besoin du .editer-groupe dans le fieldset.editer-surgroupe ? Est-ce que ça pourrait servir pour passer les champs .editer dedans en colonne (flexbox horizontal ?) sur certains fieldset ? (Je suppose qu’on en aurait pas besoin pour ça). Et donc que ça simplifierait si on met directement fieldset.editer-groupe

  <span class="CodeRay"><span class="tag">form</span>
    <span class="tag">div</span><span class="class">.editer-groupe</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">div</span><span class="class">.editer</span>
      ...
   
    <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
      <span class="tag">legend</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">div</span><span class="class">.editer</span>
   
    <span class="tag">div</span><span class="class">.editer-groupe</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">fieldset</span><span class="class">.editer</span>
        <span class="class">.choix</span> 
      <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
         <span class="tag">legend</span>
         <span class="tag">div</span><span class="class">.editer</span>
         <span class="tag">div</span><span class="class">.editer</span>
         <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
            <span class="tag">legend</span>
            <span class="tag">div</span><span class="class">.editer</span>
            ...
   
    <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
      <span class="tag">legend</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
         <span class="tag">legend</span>
         <span class="tag">div</span><span class="class">.editer</span>
         ...
   
  </span>
  Télécharger

  Il me semble que dans ce cas on peut toujours différencier
  - un form fieldset.editer-goupe (racine) (du moins avec style minimums = div.editer-groupe)
  - d’un form .editer-groupe fieldset.editer-groupe (mélangé avec d’autres champs = style plus élaborés avec indentation)

  En fait ça me parait assez cohérent de dire "Un fieldset c’est un groupe d’édition" (.editer-groupe) la seule grosse différence est la présence du legend. (et éventuellement de la démarcation / indentation)