Modèle:Modal : Différence entre versions
[version vérifiée] | [version vérifiée] |
(23 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
− | <div | + | {{LoadJavascript|Script=modal}} |
+ | <div class="modalContainer" {{#if:{{{Center|}}}|style="margin: 0 auto;"}}> | ||
<div class="button" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}}>{{{1}}}</div> | <div class="button" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}}>{{{1}}}</div> | ||
− | <div class="modal"> | + | <div class="modal" style="z-index: 101;"> |
− | <div class="modal-content" style="overflow-y: auto; {{#switch:{{{Largeur|1}}} | + | <div class="modal-content" style="{{#if:{{{overflow|}}}|overflow-y: visible;|overflow-y: auto;}} {{#switch:{{{Largeur|1}}} |
|1=max-width: 800px; width: 90%; | |1=max-width: 800px; width: 90%; | ||
− | |2=width: | + | |2=width: fit-content; max-width: 85%; |
− | }} padding: {{#if:{{{Haut|}}}|10px|50px}} 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span>{{{2}}}</div> | + | |3=width: min-content; max-width: 85%; min-width: min(300px, 80%); |
+ | }} padding: {{#if:{{{Haut|}}}|10px|50px}} 10px 10px 10px; {{#if:{{{Hauteur|}}}|max-height: 85%;}} {{#if:{{{Flex|}}}|display: flex; flex-direction: column;}}"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center; font-size: 32px; user-select: none;">×</span>{{{2}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <noinclude> | ||
+ | Utilisé dans les modèles [[Modèle:Objets/ObjetsSpeciaux]], [[Modèle:Monstres]] et [[Modèle:Compétences]] | ||
+ | [[Catégorie:Nouveaux modèles]] | ||
+ | </noinclude> |
Version actuelle datée du 20 mars 2024 à 21:52
Utilisé dans les modèles Modèle:Objets/ObjetsSpeciaux, Modèle:Monstres et Modèle:Compétences