Modèle:Modal : Différence entre versions

[version vérifiée][version vérifiée]
 
(10 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 3 : Ligne 3 :
 
<div class="button" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}}>{{{1}}}</div>
 
<div class="button" {{#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="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: fit-content; 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%;}} {{#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>

Version actuelle datée du 20 mars 2024 à 21:52

{{{1}}}

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