Modèle:Modal : Différence entre versions
| [version vérifiée] | [version vérifiée] |
| Ligne 1 : | Ligne 1 : | ||
{{LoadJavascript|Script=modal}} {{#if:{{{button|}}}|<div class="button modal-trigger" {{#if:{{{Center|}}}|style="margin: 0 auto;"}} {{#if:{{{name|}}}|data-modal="{{{name}}}"}}>{{{button}}}</div>}} | {{LoadJavascript|Script=modal}} {{#if:{{{button|}}}|<div class="button modal-trigger" {{#if:{{{Center|}}}|style="margin: 0 auto;"}} {{#if:{{{name|}}}|data-modal="{{{name}}}"}}>{{{button}}}</div>}} | ||
<div class="modal" style="z-index: 110; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);" {{#if:{{{name|}}}|data-modal="{{{name}}}"}} {{#if:{{{autoClose|}}}|data-auto-close="1"}}> | <div class="modal" style="z-index: 110; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);" {{#if:{{{name|}}}|data-modal="{{{name}}}"}} {{#if:{{{autoClose|}}}|data-auto-close="1"}}> | ||
| − | <div | + | <div style="{{#if:{{{overflow|}}}|overflow-y: visible;|overflow-y: auto;}} {{#switch:{{{Largeur|1}}} |
|2=width: fit-content; max-width: 85%; | |2=width: fit-content; max-width: 85%; | ||
|3=width: min-content; max-width: 85%; min-width: min(300px, 80%); | |3=width: min-content; max-width: 85%; min-width: min(300px, 80%); | ||
Version du 1 décembre 2024 à 17:42
{{{content}}}
Utilisé dans les modèles Modèle:Objets/ObjetsSpeciaux et Modèle:Compétences
