Browse Source

Quand l'utilisateur mets une image lourde en fond d'écran pour le login, on a pas de background pendant tout le chargement, ce qui peut poser un soucis d'accessibilite. On fixe en ajoutant par defaut une miniature 64px en base64 dans la page de login. Le poids additionnel est de ~2ko, mais on a un rendu immediat avec les bonnes couleurs le temps que l'image HR charge

remotes/1635488161297481051/master
Cerdic 1 year ago committed by Gitea
parent
commit
61d9fcee71
  1. 7
      prive/login.html

7
prive/login.html

@ -25,10 +25,11 @@ jQuery(function(){jQuery('a#spip_pass').click(function(){window.open(this.href,
#SET{hs,#CONFIG{couleur_login}|couleur_hex_to_hsl{"h, s"}}
#SET{l,#CONFIG{couleur_login}|couleur_hex_to_hsl{l}}
]
<style type="text/css">
<style type="text/css">[(#GET{logo}|oui)
#SET{logo_mini,#GET{logo}|image_reduire{64,64}|extraire_attribut{src}}
.page_login {
[background-image:url((#GET{logo}|timestamp));]
}
background-image:url([(#GET{logo}|timestamp)]),url([(#GET{logo_mini}|embarque_fichier)]);
}]
[(#CONFIG{couleur_login}|oui)
:root {
--spip-login-color-theme--hs: #GET{hs};

Loading…
Cancel
Save