Modèle:Modal : Différence entre versions

[version vérifiée][version vérifiée]
(20 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<div id="modalContainer" {{#if:{{{Center|}}}|style="margin: 0 auto;">}}>
+
{{LoadJavascript|Script=modal}}
<div class="button">{{{1}}}</div>
+
<div class="modalContainer" {{#if:{{{Center|}}}|style="margin: 0 auto;"}}>
<div class="modal">
+
<div class="button" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}}>{{{1}}}</div>
 +
<div class="modal" style="z-index: 101;">
 
<div class="modal-content" style="overflow-y: auto; {{#switch:{{{Largeur|1}}}
 
<div class="modal-content" style="overflow-y: auto; {{#switch:{{{Largeur|1}}}
 
|1=max-width: 800px; width: 90%;
 
|1=max-width: 800px; width: 90%;
|2=width: auto; max-width: 85%;
+
|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%;}}"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</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 du 31 octobre 2022 à 12:24

{{{1}}}

Utilisé dans les modèles Modèle:Objets/ObjetsSpeciaux, Modèle:Monstres et Modèle:Compétences