Modèle:Modal : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 3 : Ligne 3 :
 
<div style="display: flex; flex-direction: column; max-width: 85%; max-height: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #cbaa74; border: 1px solid black; border-radius: 8px; padding-bottom: 10px; {{#if:{{{overflow|}}}|overflow-y: visible;|overflow-y: auto;}} {{#if:{{{width|}}}|width: {{{width}}};}}">
 
<div style="display: flex; flex-direction: column; max-width: 85%; max-height: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #cbaa74; border: 1px solid black; border-radius: 8px; padding-bottom: 10px; {{#if:{{{overflow|}}}|overflow-y: visible;|overflow-y: auto;}} {{#if:{{{width|}}}|width: {{{width}}};}}">
 
<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; overflow-y: auto;">{{{title|}}}</div>
+
<div style="padding: 10px;">{{{title|}}}</div>
 
<div class="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 class="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>
<div class="modal-body" style="padding: 0 10px;">{{{content}}}</div>
+
<div class="modal-body" style="padding: 0 10px; overflow-y: auto;">{{{content}}}</div>
 
</div>
 
</div>
 
</div>
 
</div>

Version du 1 décembre 2024 à 20:34

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