web-dev-qa-db-fra.com

Materialise css - change la position du dialogue de pain grillé

J'utilise Materialise css (www.materializecss.com). Voulez-vous changer la position du dialogue de pain grillé. Dans les écrans plus petits, il est sur la bonne position. Pour la mise en page écran large et boîte, il va dans le coin droit de ma mise en page. ( http://materializecss.com/dialogs.html )

Lorsque toast est déclenché, il ajoute "<div id="toast-container"></div>" dans le corps. Je ne veux pas l'ajouter dans le corps. Je le veux dans div spécifique.

javascripthtmlcsshtml5materialize
16
Manish Rane

Pour définir la position de la grille au centre du document, vous pouvez ajouter ce style:

#toast-container {
    min-width: 10%;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(50%);
}
1
Alexander Goncharov

Si vous souhaitez modifier la position de la boîte de dialogue, vous pouvez directement utiliser css pour la styliser. 

#toast-container {
    position: fixed !important;
    bottom: 0px !important;
    left: 0px !important;
}

Le "important" peut être inutile. 

1
asker

jetez-le simplement dans un div relatif, il semble que lib ne créera pas l'ajouter à la fin du corps s'il existe déjà. 

<div style="position: relative">
....
<div id="toast-container"></div>
</div>
0
user2174835