Modèle:Test1 : Différence entre versions

[version non vérifiée][version non vérifiée]
Ligne 4 : Ligne 4 :
 
{{Button|id=open-filter|style=height: 100%; padding: 0 10px; border-bottom-width: 1px; margin-left: -1px;|text=<div style="display: flex; align-items: flex-end; gap: 5px;">{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=filter|title=Filtrer les monstres}} Filtrer</div>
 
{{Button|id=open-filter|style=height: 100%; padding: 0 10px; border-bottom-width: 1px; margin-left: -1px;|text=<div style="display: flex; align-items: flex-end; gap: 5px;">{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=filter|title=Filtrer les monstres}} Filtrer</div>
 
}}
 
}}
<div style="position: absolute; top: calc(100% + 5px); right: 0; background: white; border: 1px solid #ccc; padding: 10px 0 10px 10px; border-radius: 8px; width: 500px; max-width: calc(100% - 20px); text-align: left; z-index: 10; max-height: 400px;">
+
<div style="position: absolute; top: calc(100% + 5px); right: 0; background: white; border: 1px solid #ccc; padding: 10px 0 10px 10px; border-radius: 8px; width: 100%; box-sizing: border-box; text-align: left; z-index: 10; max-height: 400px;">
 
<div style="display: flex;  flex-direction: column; gap: 10px; max-height: inherit; overflow-y: auto; padding-right: 10px;">
 
<div style="display: flex;  flex-direction: column; gap: 10px; max-height: inherit; overflow-y: auto; padding-right: 10px;">
 
{{#if:{{{Niveau|}}}|<div style="font-weight: bold;">Intervalle de niveau</div>
 
{{#if:{{{Niveau|}}}|<div style="font-weight: bold;">Intervalle de niveau</div>

Version du 10 décembre 2024 à 23:57

Filtrer les monstres
Filtrer