[Drupal] Variable de hauteur de barre d’outils d’administration

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+

Published by Dakwamine

Dakwamine, alias Quang-Minh Dang, né en 1987 en région parisienne. Un type sympa, pas bavard et pragmatique.