ui: Ensure themes menu kept in screen

2021-08-31 21:50:26 +02:00 · 2021-08-31 21:50:26 +02:00 · a255480195
commit a255480195
parent 23d5ea7c97
1 changed files with 26 additions and 17 deletions
--- a/frontend/ui/src/components/NavThemes.svelte
+++ b/frontend/ui/src/components/NavThemes.svelte
@ -19,6 +19,7 @@
        Scénarii
    </DropdownToggle>
    <DropdownMenu class="niceborder" end>
+        <div>
            {#each Object.keys($themes) as th, index}
                <DropdownItem href="/{$themes[th].urlid}">
                    {$themes[th].name}
@ -37,5 +38,13 @@
                    </Badge>
                </DropdownItem>
            {/each}
+        </div>
    </DropdownMenu>
 </Dropdown>
+
+<style>
+ div {
+     overflow-y: auto;
+     max-height: calc(80vh - 100px);
+ }
+</style>