ui: Ensure themes menu kept in screen
Some checks failed
continuous-integration/drone/push Build is failing

This commit is contained in:
nemunaire 2021-08-31 21:50:26 +02:00
parent 23d5ea7c97
commit a255480195

View File

@ -19,23 +19,32 @@
Scénarii
</DropdownToggle>
<DropdownMenu class="niceborder" end>
{#each Object.keys($themes) as th, index}
<DropdownItem href="/{$themes[th].urlid}">
{$themes[th].name}
{#if $max_solved > 1 && $themes[th].solved == $max_solved}
<Badge color="danger">
<Icon name="heart-fill" />
<div>
{#each Object.keys($themes) as th, index}
<DropdownItem href="/{$themes[th].urlid}">
{$themes[th].name}
{#if $max_solved > 1 && $themes[th].solved == $max_solved}
<Badge color="danger">
<Icon name="heart-fill" />
</Badge>
{/if}
{#if $themes[th].exercice_coeff_max > 1}
<Badge color="success">
<Icon name="gift-fill" />
</Badge>
{/if}
<Badge>
{#if $my && $my.team_id}{$myThemes[$themes[th].id].exercice_solved}/{/if}{$themes[th].exercice_count}
</Badge>
{/if}
{#if $themes[th].exercice_coeff_max > 1}
<Badge color="success">
<Icon name="gift-fill" />
</Badge>
{/if}
<Badge>
{#if $my && $my.team_id}{$myThemes[$themes[th].id].exercice_solved}/{/if}{$themes[th].exercice_count}
</Badge>
</DropdownItem>
{/each}
</DropdownItem>
{/each}
</div>
</DropdownMenu>
</Dropdown>
<style>
div {
overflow-y: auto;
max-height: calc(80vh - 100px);
}
</style>