Erreur d'affichage d'un toastMessage quand la navbar est verticale

[VeveQNV]

Description

quand la navbar est verticale l'affichage des toastmessages dysfonctionne du fait que le message est positionné en dessous de la navbar : en mode vertical, le dessous de la navbar est en dehors de la fenetre. Il faudrait positionner le message par rapport au top de la fenetre.

[VeveQNV]

pour contourner le probleme, j'ai rajouté dans le répertoire custom/javascripts un fichier js contenant le code suivant :

function toastMessage(
message,
duration = 3000,
toastClass = "alert alert-secondary-1",
) {
const $toast = $(
<div class="toast-message"><div class="${toastClass}">${message}</div></div>,
);
$("body").after($toast);
$toast.css("top", 20px);
$toast.css("opacity", 1);
setTimeout(() => {
$toast.css("opacity", 0);
}, duration);
setTimeout(() => {
$toast.remove();
}, duration + 300);
$toast.addClass("visible");
}