starred/webmail
1
0
Fork 0
mirror of https://github.com/bulwarkmail/webmail.git synced 2026-10-31 16:13:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: hover action background is transparent on tagged rows

Browse Source
This commit is contained in:
Linus Rath
2026-08-16 23:16:29 +02:00
parent 548200131b
commit 452f46f904
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/email/email-hover-actions.tsx
+14 -10
View File
@@ -169,11 +169,11 @@ export function EmailHoverActions({
CORNER_CLASSES[hoverActionsCorner],
)}
>
<div className={cn(
"flex items-center gap-0.5 rounded-lg px-1.5 py-0.5 shadow-md border border-border",
hoverBackgroundClassName,
)}>
{actionButtons}
<div className="relative flex items-center rounded-lg shadow-md border border-border overflow-hidden bg-background">
<div className={cn("absolute inset-0", hoverBackgroundClassName)} />
<div className="relative flex items-center gap-0.5 px-1.5 py-0.5">
{actionButtons}
</div>
</div>
</div>
);
@@ -185,14 +185,18 @@ export function EmailHoverActions({
>
<div
className={cn(
"w-8 h-full",
"relative w-8 h-full bg-background",
"[mask-image:linear-gradient(to_right,transparent,black)] [-webkit-mask-image:linear-gradient(to_right,transparent,black)]",
"rtl:[mask-image:linear-gradient(to_left,transparent,black)] rtl:[-webkit-mask-image:linear-gradient(to_left,transparent,black)]",
hoverBackgroundClassName,
)}
/>
<div className={cn("flex items-center gap-0.5 h-full pe-3 ps-0.5", hoverBackgroundClassName)}>
{actionButtons}
>
<div className={cn("absolute inset-0", hoverBackgroundClassName)} />
</div>
<div className="relative flex items-center h-full bg-background">
<div className={cn("absolute inset-0", hoverBackgroundClassName)} />
<div className="relative flex items-center gap-0.5 h-full pe-3 ps-0.5">
{actionButtons}
</div>
</div>
</div>
);