|
|
| Ligne 1 : |
Ligne 1 : |
| − | <div class="modalContainer" {{#if:{{{Center|}}}|style="margin: 0 auto;"}}>
| + | {{Input|id={{{id}}}|name={{{name}}}|type=checkbox|style=display: inline-block; vertical-align: middle; flex-shrink: 0; margin: 0 5px 0 0; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 3px;|labelStyle=flex-direction: row; align-items: center; padding-left: 0; white-space: nowrap; gap: 5px;|textAfter={{{textAfter}}}}} |
| − | <div class="button modal-trigger" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}} {{#if:{{{name|}}}|data-modal="{{{name}}}"}}>{{{1}}}</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}}}"}}>
| |
| − | <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%;
| |
| − | |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;}} 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="padding: 10px;">{{{title|}}}</div>
| |
| − | <div class="close close-button" style="width: 40px; height: 40px; font-size: 32px; user-select: none; display: flex; align-items: center; justify-content: center; border-top-right-radius: 8px; cursor: pointer; padding: 0; position: initial;"><span>×</span></div>
| |
| − | </div>
| |
| − | <div style="padding: 0 10px 10px 10px;">{{{2}}}</div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
