[spip ↪ css_formulaires] 3 c ommits

spip/spip | 3 commits
-
Par tcharlss, le 17 avril 2021 à 17h43min : 

On introduit 2 variables CSS  et  qui pourront servir de base pour uniformiser les espacements : rythme vertical et gouttières. Valeurs égales à une hauteur de ligne de texte. À affiner plus tard car le font-size est redéfini de multiples fois sur le body, ce qui fausse la valeur. À passer en rem peut-être aussi.


*Modifié*
    prive/themes/spip/vars.css_fonctions.php

Détails : https://git.spip.net/spip/spip/commit/c5efbd095224900e71e196e90c94374de0276e57

==============================
Par tcharlss, le 18 avril 2021 à 22h56min : 

Ajout de variables CSS pour les couleurs correspondantes à différents états : succès, erreurr, etc.


*Modifié*
    ecrire/public/balises.php
    prive/themes/spip/vars.css_fonctions.php

Détails : https://git.spip.net/spip/spip/commit/df7ebc800ee4d290804ea4333f7f6fcba533a55d

==============================
Par tcharlss, le 18 avril 2021 à 22h57min : 

Gros serrage de vis sur les styles des formulaires pour régler les scories et ajuster certaines choses.

Notamment pour les fieldsets :

* Fix des fieldsets imbriqués, on remet la marge latérale (raison du bug : le conteneur `div.fieldset` n’est pas toujours présent, ne pas se reposer dessus)
* Ajout d'une bordure sous les fieldsets à la racine pour marquer une distinction avec le contenu suivant. C'est un hack temporaire le temps de trouver une meilleure solution.
* Fix des `<legend>` des fieldsets `.editer`, qui doivent être affichés comme des labels normaux (cas des saisies contenant des `.choix`, nouveau markup introduit récemment)
* Fix des `h3.legend` dans les fieldsets : les afficher comme des vrais `<legend>`
* Fix des fieldsets avec la combinaison `.editer.fieldset` qui ne doit pas être affichés comme des `.editer` (combinaison qui en principe n’a pas lieu d’être)

Également :

* Rétablissement de la classe `.editer.deux_colonnes`
* Ajustements pour les divers types d'inputs : number, color etc. On prévoit des classes pour préciser les types : `.text text_<type> <type>`. Avec un fallback quand pas présentes.
* Ajouter l'indication de focus aux radios, checkbox, etc.
* Mieux visualiser les champs en erreurs : accorder la couleur du focus, coloriser aussi bordure des selects, coloriser les labels des .choix (idem bootstrap)
* Ajout d'une variante optionnelle `.editer.disabled` pour indiquer visuellement que tout le champ est désactivé
* Ajustement des messages de retour / raccordement visuel avec les messages d'explication
* Alignement des pictos d'aide dans les légendes et labels
* Ajustement du rythme vertical + réorganisations des CSS pour le contrôler plus facilement (= espacements verticaux entre les éléments)
* Ajustements responsive
* CSS : ajout de nombreux commentaires
* CSS : réorganisation de l'ordre des thématiques

Désolé pour le diff sans doute pas très lisible, il y a eu réorganisation du code.


*Modifié*
    prive/themes/spip/forms.css.html

Détails : https://git.spip.net/spip/spip/commit/33f8039db1ceb2c4dce7af28b385c92ad4133ef1

_______________________________________________
[email protected] - https://listes.rezo.net/mailman/listinfo/spip-commit
dev: http://trac.rezo.net/trac/spip/