[spip ↪ css_boites_alertes] 5 commits

spip/spip | 5 commits
-
Par tcharlss, le 21 avril 2021 à 17h17min : 

Refacto des styles des boîtes de l'espace privé (#4727).

* D'une façon générale, on aligne les styles des boîtes avec ceux des formulaires : bordure, espacements, ombre portée, etc.
* Les styles des variantes principales sont un peu ajustés, mais restent les mêmes dans les grandes lignes : couleurs, bordures, etc.
* En revanche on revient plus profondément sur les variantes d'états `notice`, `error` et `success`. Elle ne doivent pas être confondues ni se substituer à de vrais messages d'alerte, ce que pouvaient laisser à penser les styles actuels. On se contente d’ajouter une bordure  de couleur sur le côté, l'icône est au niveau du titre quand il est présent, sinon dans le body.
* Ajout de quelques variantes à combiner aux précédentes pour des cas précis : `flat` pour supprimer l'ombre portée, `pop` pour l’inverse, et `mini` pour une version plus petite (apliquée automatiquement en colonne latérale).
* Les boîtes imbriquées sont toujours en mode « flat ».
* En variantes de header on ne laisse que `titrem`, toutes les autres sont inutiles (et quasi pas utilisées).
* Réorganisation complète de la CSS


*Modifié*
    prive/themes/spip/box_skins.css.html
    prive/themes/spip/theme.css.html

Détails : https://git.spip.net/spip/spip/commit/18df0352b120956cce97d65e364fb0a23d30eaa7

==============================
Par tcharlss, le 21 avril 2021 à 17h25min : 

Ajustements des styles des formulaires pour suivre la refonte des boîtes + quelques détails (#4727)

* Mutualiser une partie des styles du titre : taille, graisse. On laisse tomber uppercase et couleur.
* Conserver la marge complète en haut dans le cadre d'entête, et une réduite en bas.
* Variante `.flat` avec bordure et sans ombre portée, appliquée automatiquement aux formulaires imbriqués.
* Tous les styles du form de date au même endroit


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

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

==============================
Par tcharlss, le 21 avril 2021 à 18h00min : 

Refacto des styles des messages d'alerte de l’espace privé (#4727).

* On les déplace dans un composant à part `alertes.css`.
* Visuellement on fait simple avec un aplat, texte légèrement coloré mais accessible, petite icône de côté.
* On conserve le support des classes actuelles utilisées pour les alertes : `.notice`, `.error`, `.success` et `.information`. Mais ces noms sont trop génériques et les styles peuvent entrer en collision : à déprécier plus tard.
* En remplacement on ajoute un nouveau composant `.msg-alert`, plus sûr.
* Les messages de retour des formulaires sont une extension de ce composant (joie des @extend faits à la main).
* Nouvelle icône info-xxx.svg (d'un usage différent que information-xxx.svg).


*Ajouté*
    prive/themes/spip/alertes.css.html
    prive/themes/spip/images/info-xx.svg
*Modifié*
    prive/themes/spip/forms.css.html
    prive/themes/spip/style_prive.css.html

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

==============================
Par tcharlss, le 21 avril 2021 à 18h08min : 

Introduction d'une balise `#ALERTE` dédiée aux messages d'alerte de l’espace privé (#4727).

En remplacement des `<div class="notice">` et cie, ainsi que des `#BOITE_OUVRIR{'', notice}` et cie quand elles sont utilisées à mauvais escient, on ajoute une balise `#ALERTE` dédiée aux messages d’alertes.
Ces messages ont l’attribut `role="alert"` ou `status` selon l'importance du message.
Il y a toujours 4 types d’alertes possibles : `notice`, `error`, `success` et `info`.

On peut les utiliser de 2 façons :

* Pour les cas simples, quand il n'y a qu'une phrase et éventuellement un titre : `#ALERTE{message[,titre][,classes][,role][,id]}`
* Quand le texte est plus long, ça ne passe pas toujours au compilo : on peut alors utiliser des `#ALERTE_OUVRIR` et `#ALERTE_FERMER` sur le même principe que `#BOITE_OUVRIR` et `#BOITE_FERMER`, les 1ers paramètres étant identiques, la transition est facile.


*Ajouté*
    ecrire/inc/filtres_alertes.php
*Modifié*
    ecrire/inc/filtres_ecrire.php
    ecrire/inc/presentation.php

Détails : https://git.spip.net/spip/spip/commit/986fc9dbe98d9bd2dea7020f43598e8cac4e300c

==============================
Par tcharlss, le 21 avril 2021 à 18h09min : 

Dans la page maintenance, utiliser une alerte plutôt qu'une boîte pour le message relatif au htaccess (#4727).


*Modifié*
    prive/squelettes/contenu/admin_tech.html

Détails : https://git.spip.net/spip/spip/commit/81ead9eb59dcfb206468fc9aed12fbf9e12b93d6

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