fix: stop channel message hover actions overlapping code and table toolbars

This commit is contained in:
silentoplayz 2026-07-30 04:11:00 -04:00
parent 939bcdb79e
commit 23c6a9295d
3 changed files with 3 additions and 3 deletions

View file

@ -209,7 +209,7 @@
: 'transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.3, 1);'}"
>
{#if !edit && !disabled}
<div class=" absolute {showButtons ? '' : 'hover-reveal'} right-1 -top-2 z-10">
<div class=" absolute {showButtons ? '' : 'hover-reveal'} right-1 -top-7 z-30">
<div
class="flex gap-1 rounded-lg bg-white dark:bg-gray-850 shadow-md p-0.5 border border-gray-100/30 dark:border-gray-850/30"
>

View file

@ -94,7 +94,7 @@
</div>
{:else}
<div
class="flex flex-col gap-2 max-h-[60vh] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-700 scrollbar-track-transparent py-2"
class="flex flex-col gap-2 max-h-[60vh] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-700 scrollbar-track-transparent pt-7 pb-2"
>
{#if pinnedMessages.length === 0}
<div class=" text-center text-xs text-gray-500 dark:text-gray-400 py-6">

View file

@ -188,7 +188,7 @@
</div>
</div>
<div class="flex-1 min-h-0 w-full overflow-y-auto" bind:this={messagesContainerElement}>
<div class="flex-1 min-h-0 w-full overflow-y-auto pt-7" bind:this={messagesContainerElement}>
{#if messages !== null}
<Messages
id={threadId}