Modèle:Test1 : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 6 : Ligne 6 :
 
<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: 500px; max-width: calc(100% - 20px); text-align: left; z-index: 10; max-height: 400px;">
 
<div style="display: flex;  flex-direction: column; gap: 10px; max-height: inherit; overflow-y: auto;">
 
<div style="display: flex;  flex-direction: column; gap: 10px; max-height: inherit; overflow-y: auto;">
{{#if:{{{Niveau|}}}|<div>Intervalle de niveau</div>
+
{{#if:{{{Niveau|}}}|<div style="font-weight: bold;">Intervalle de niveau</div>
<div style="display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 0 5px;">{{Input|id=level-min|name=levelMin|type=number|min=1|max=135|value=1|style=padding: 0 5px; width: 60px; height: 24px;|labelStyle=padding: 0;|data=filter+level|data2=value+min}} <span>&le;</span> <span>Niveau</span> <span>&le;</span> {{Input|id=level-max|name=levelMax|type=number|min=1|max=135|value=135|style=padding: 0 5px; width: 60px; height: 24px;|labelStyle=padding: 0;|data=filter+level|data2=value+max}}</div>}}
+
<div style="display: flex; align-items: center; gap: 3px 0;">
 +
{{Input|id=level-min|name=levelMin|type=number|min=1|max=135|value=1|style=margin-right: 0;|labelStyle=display: block; padding-left: 0;|data=filter+level|data2=value+min}}
 +
<div style="font-family: system-ui; padding: 0 10px;">&mdash;</div>
 +
{{Input|id=level-max|name=levelMax|type=number|min=1|max=135|value=135|labelStyle=display: block; padding-left: 0;|data=filter+level|data2=value+max}}
 +
</div>}}
 
{{#if:{{{Rang|}}}|<div style="font-weight: bold;">Rang</div>
 
{{#if:{{{Rang|}}}|<div style="font-weight: bold;">Rang</div>
 
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;">
 
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;">

Version du 10 décembre 2024 à 23:27

Filtrer les monstres
Filtrer