Valider c968bed3 rédigé Il y a 4 mois par placido

fix: peaufiner les styles embarqués par défaut pour éviter les sautillements...

fix: peaufiner les styles embarqués par défaut pour éviter les sautillements visuels durant le `.loading`

On fait en sorte d'embarquer les styles CSS nécessaires au bon fonctionnement ajax.

`spipConfig.css.ajax` contient les règles en question.
En partie publique, on récupère ainsi automatiquement les styles d'un fichier `css/ajax.css` s'il existe, ou à défaut celle du privé `themes/spip/ajax.css`

Ainsi, une personne qui souhaite réaliser un thème complet en redéfinissant les effets d'animations (ref: spip#4641 ) peut désormais le faire assez simplement:
- soit en rédigeant les règles dans un fichier `css/ajax.css`
- soit en l'embarquant dans son fichier CSS global, et vidant la variable `spipConfig.css.ajax` avant le lancement de `ajaxbloc()` (cf initjs)

Dans l'espace privé `spipConfig.css.ajax` reste vide et ne fait rien pour ne pas doublonner les styles.

La feuille de style du privé `ajax.css` est completée avec les effets d'animations `animateAppend`, `animateLoading` et `positionner`.

On précise quelques variantes d'affichage pour `.image_loading` (qui reçoit le loader.svg).
Une variable `--loader-inset` décline différentes compositions (en `display:absolute` pour limiter les effets de sautillements)
suivant sa position dans le DOM, et la direction de langue de la page `html[dir="rtl"]`

feat: `addCSS()` simplifie l'écriture de règle CSS dans une balise `<style>` du `<head>`.

parent 918bd3db

Aucune branche associée trouvée

Aucune étiquette associée trouvée

Aucune requête de fusion associée trouvée

Masquer les modifications d'espaces

En ligne Côte à côte

Affichage de avec 180 ajouts et 77 suppressions

Veuillez vous inscrire ou vous pour commenter