Modèle:Modal : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 2 : Ligne 2 :
 
<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 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}}}
|1=max-width: 800px; width: 90%;
 
 
|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%);
|4=width: 1100px; max-width: 85%;
+
|4=width: {{{width}}}; max-width: 85%;
 
}} {{#if:{{{Hauteur|}}}|max-height: 85%;}} padding: 0; {{#if:{{{Flex|}}}|display: flex; flex-direction: column;}} position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #cbaa74; border: 1px solid black; border-radius: 8px;">
 
}} {{#if:{{{Hauteur|}}}|max-height: 85%;}} padding: 0; {{#if:{{{Flex|}}}|display: flex; flex-direction: column;}} position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #cbaa74; border: 1px solid black; border-radius: 8px;">
 
<div style="display: flex; justify-content: space-between; align-items: flex-start;">
 
<div style="display: flex; justify-content: space-between; align-items: flex-start;">

Version du 1 décembre 2024 à 17:30

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