Modèle:Collapsible : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 1 : Ligne 1 :
 
{{#if:{{{Custom|}}}
 
{{#if:{{{Custom|}}}
 
|
 
|
<div class="improved-collapsible custom-js"><span class="mw-collapsible-toggle mw-collapsible-toggle-collapsed" role="button" tabindex="0"></span>
+
<div class="improved-collapsible custom-js" style="display: grid;"><span class="mw-collapsible-toggle mw-collapsible-toggle-collapsed" role="button" tabindex="0"></span>
<div>{{{Title|Menu déroulant}}}</div>
+
<div style="grid-area: 1 / -1; padding: 5px 10px; background: #e6d2a1; border: 1px solid black; border-radius: 5px;">{{{Title|Menu déroulant}}}</div>
<div class="mw-collapsible-content tabber-noactive" style="overflow: hidden;">
+
<div class="mw-collapsible-content tabber-noactive" style="grid-area: 2 / -1; overflow: hidden;">
 
{{{Content|Contenu du menu déroulant}}}
 
{{{Content|Contenu du menu déroulant}}}
 
</div>
 
</div>
 
</div>
 
</div>
 
|
 
|
<div class="mw-collapsible mw-collapsed improved-collapsible">
+
<div class="mw-collapsible mw-collapsed improved-collapsible" style="display: grid;">
<div>{{{Title|Menu déroulant}}}</div>
+
<div style="grid-area: 1 / -1; padding: 5px 10px; background: #e6d2a1; border: 1px solid black; border-radius: 5px;">{{{Title|Menu déroulant}}}</div>
<div class="mw-collapsible-content" style="display: none;">
+
<div class="mw-collapsible-content" style="grid-area: 2 / -1; display: none;">
 
{{{Content|Contenu du menu déroulant}}}
 
{{{Content|Contenu du menu déroulant}}}
 
</div>
 
</div>
 
</div>
 
</div>
 
}}
 
}}

Version du 21 février 2024 à 23:20

Menu déroulant