Modèle:Modal : Différence entre versions
| [version vérifiée] | [version vérifiée] |
| Ligne 2 : | Ligne 2 : | ||
<div class="modalContainer" {{#if:{{{Center|}}}|style="margin: 0 auto;"}}> | <div class="modalContainer" {{#if:{{{Center|}}}|style="margin: 0 auto;"}}> | ||
<div class="button modal-trigger" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}}>{{{1}}}</div> | <div class="button modal-trigger" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}}>{{{1}}}</div> | ||
| − | <div class="modal" style="z-index: | + | <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);"> |
<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%; | |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%); | ||
| − | }} {{#if:{{{Hauteur|}}}|max-height: 85%;}} padding: 0; {{#if:{{{Flex|}}}|display: flex; flex-direction: column;}}"> | + | }} {{#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;"> | ||
<div style="padding: 10px;">{{{title|}}}</div> | <div style="padding: 10px;">{{{title|}}}</div> | ||
Version du 30 novembre 2024 à 13:15
Utilisé dans les modèles Modèle:Objets/ObjetsSpeciaux et Modèle:Compétences
