Modèle:Collapsible : Différence entre versions

[version vérifiée][version vérifiée]
 
(12 révisions intermédiaires par 2 utilisateurs non affichées)
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; margin-top: -1px;"><span class="mw-collapsible-toggle mw-collapsible-toggle-collapsed" role="button"></span>
<div>{{{Title|Menu déroulant}}}</div>
+
<div style="grid-area: 1 / -1; padding: 5px 10px; background: #e6d2a1; border-top: 1px solid grey; border-bottom: 1px solid grey;">{{{Title|Menu déroulant}}}</div>
<div class="mw-collapsible-content" style="overflow: hidden;">
+
<div class="mw-collapsible-content" style="grid-area: 2 / -1; grid-template-rows: 0fr;">
 +
<div class="tabber-noactive" style="overflow: hidden;">
 
{{{Content|Contenu du menu déroulant}}}
 
{{{Content|Contenu du menu déroulant}}}
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
|
 
|
<div class="mw-collapsible mw-collapsed improved-collapsible">
+
<div class="mw-collapsible {{#if:{{{Open|}}}||mw-collapsed}} improved-collapsible" style="display: grid; margin-top: -1px;">
<div>{{{Title|Menu déroulant}}}</div>
+
<div style="grid-area: 1 / -1; padding: 5px 10px; background: #e6d2a1; border-top: 1px solid grey; border-bottom: 1px solid grey;">{{{Title|Menu déroulant}}}</div>
<div class="mw-collapsible-content" style="display: none;">
+
<div class="mw-collapsible-content" style="grid-area: 2 / -1; {{#if:{{{Open|}}}||display: none;}}">
 
{{{Content|Contenu du menu déroulant}}}
 
{{{Content|Contenu du menu déroulant}}}
 
</div>
 
</div>
 
</div>
 
</div>
 
}}
 
}}

Version actuelle datée du 25 juillet 2024 à 09:27

Menu déroulant