Modèle:Modal : Différence entre versions
| [version vérifiée] | [version vérifiée] |
| Ligne 1 : | Ligne 1 : | ||
{{LoadJavascript|Script=modal}} | {{LoadJavascript|Script=modal}} | ||
<div class="modalContainer" {{#if:{{{Center|}}}|style="margin: 0 auto;"}}> | <div class="modalContainer" {{#if:{{{Center|}}}|style="margin: 0 auto;"}}> | ||
| − | <div class="button" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}}>{{{1}}}</div> | + | <div class="button modal-trigger" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}}>{{{1}}}</div> |
<div class="modal" style="z-index: 101;"> | <div class="modal" style="z-index: 101;"> | ||
<div class="modal-content" style="{{#if:{{{overflow|}}}|overflow-y: visible;|overflow-y: auto;}} {{#switch:{{{Largeur|1}}} | <div class="modal-content" style="{{#if:{{{overflow|}}}|overflow-y: visible;|overflow-y: auto;}} {{#switch:{{{Largeur|1}}} | ||
| Ligne 10 : | Ligne 10 : | ||
<div style="display: flex; justify-content: space-between; align-items: flex-start;"> | <div style="display: flex; justify-content: space-between; align-items: flex-start;"> | ||
<div style="padding: 10px;">{{{title|}}}</div> | <div style="padding: 10px;">{{{title|}}}</div> | ||
| − | <div class="close" style="width: 40px; height: 40px; font-size: 32px; user-select: none; display: flex; align-items: center; justify-content: center; border-top-right-radius: 8px; cursor: pointer; padding: 0; position: initial;"><span>×</span></div> | + | <div class="close close-button" style="width: 40px; height: 40px; font-size: 32px; user-select: none; display: flex; align-items: center; justify-content: center; border-top-right-radius: 8px; cursor: pointer; padding: 0; position: initial;"><span>×</span></div> |
</div> | </div> | ||
<div style="padding: 0 10px 10px 10px;">{{{2}}}</div> | <div style="padding: 0 10px 10px 10px;">{{{2}}}</div> | ||
Version du 30 novembre 2024 à 13:09
Utilisé dans les modèles Modèle:Objets/ObjetsSpeciaux et Modèle:Compétences
