Variable CSS pour la hauteur de la barre d’outils d’administration : --drupal-displace-offset-top
Cette variable se met à jour automatiquement grâce au script JS displace.js intégré nativement dans Drupal.
On pourra par exemple utiliser cette valeur pour décaler des éléments pour les éléments ancrés qu’on accède grâce au fragment d’URL (le dièse en fin d’URL). Par exemple :
/*
* Décaler pour que l'ancre HTML soit positionnée en bas
* de la barre d'admin et non pas derrière.
*/
margin-top: calc(-1 * var(--drupal-displace-offset-top));
padding-top: var(--drupal-displace-offset-top);
À noter qu’il existe également d’autres variables sur d’autres dimensions :
--drupal-displace-offset-top
--drupal-displace-offset-right
--drupal-displace-offset-bottom
--drupal-displace-offset-left
Vous pouvez vous référer au fichier displace.js pour plus d’informations.
Drupal : 10+