spip/prive | 3 commits
Par placido, le 12 décembre 2024 à 14h58min :
build: ajaxCallback.js #6053
Modifié
javascript/ajaxCallback.js
javascript/ajaxCallback.min.js
javascript/presentation.js
javascript/presentation.min.js
Détails : build: ajaxCallback.js #6053 (a58cd344) · Validations · spip / prive · GitLab
==============================
Par placido, le 12 décembre 2024 à 14h58min :
chore: linter, indentation, simplications
Modifié
javascript/ajaxCallback/src/log.js
javascript/ajaxCallback/src/reader.js
javascript/presentation/src/dom-slide.js
javascript/presentation/src/hoverClass.js
javascript/presentation/src/logo.js
javascript/presentation/src/perf.js
javascript/presentation/src/puces.js
javascript/presentation/src/reloadExecPage.js
Détails : chore: linter, indentation, simplications (9290ef30) · Validations · spip / prive · GitLab
==============================
Par placido, le 12 décembre 2024 à 14h58min :
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/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.ajaxavant le lancement deajaxbloc()(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>.
Ajouté
javascript/ajaxCallback/src/css.js
Modifié
javascript/_init.js.html
javascript/_inits/20_ajaxbloc.js
javascript/_inits/30_ajaxform.js
javascript/ajaxCallback/src/ajaxform.js
javascript/ajaxCallback/src/anim.js
javascript/ajaxCallback/src/main.js
javascript/ajaxCallback/src/reader.js
javascript/config.js.html
themes/spip/ajax.css