OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-26 18:26:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

implement visible scrollbar for tools overflow, add show all toggle

Browse Source
This commit is contained in:
Taylor Wilsdon 2025-05-09 10:20:17 -04:00
parent 8acc1ab425
commit ccbc46fbbe
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/lib/components/chat/MessageInput/InputMenu.svelte
View File

@ -102,7 +102,7 @@
transition={flyAndScale} transition={flyAndScale}
> >
{#if Object.keys(tools).length > 0} {#if Object.keys(tools).length > 0}
<div class=" max-h-28 overflow-y-auto scrollbar-hidden"> <div class="max-h-28 overflow-y-auto scrollbar-thin">
{#each Object.keys(tools) as toolId} {#each Object.keys(tools) as toolId}
<button <button
class="flex w-full justify-between gap-2 items-center px-3 py-2 text-sm font-medium cursor-pointer rounded-xl" class="flex w-full justify-between gap-2 items-center px-3 py-2 text-sm font-medium cursor-pointer rounded-xl"
@ -141,6 +141,17 @@
</button> </button>
{/each} {/each}
</div> </div>
<button
class="flex w-full justify-center px-3 py-2 text-sm font-medium cursor-pointer rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800"
on:click={() => {
const element = document.querySelector('.max-h-28');
if (element) {
element.classList.remove('max-h-28');
}
}}
>
^
</button>
<hr class="border-black/5 dark:border-white/5 my-1" /> <hr class="border-black/5 dark:border-white/5 my-1" />
{/if} {/if}