From 0a0b01fa054c2d9f91f95a07cacdbd597d33d3f5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= Date: Thu, 26 Mar 2026 15:40:23 +0400 Subject: [PATCH] Fix menu shadows MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Émile Ré --- packages/ui/src/RichEditor/BlockMenu/variants.ts | 2 +- packages/ui/src/RichEditor/BubbleMenu.tsx | 2 +- packages/ui/src/RichEditor/OptionsMenu/variants.ts | 2 +- packages/ui/src/RichEditor/TableCellMenu/variants.ts | 2 +- packages/ui/src/RichEditor/TableColumnMenu/variants.ts | 2 +- packages/ui/src/RichEditor/TableRowMenu/variants.ts | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/ui/src/RichEditor/BlockMenu/variants.ts b/packages/ui/src/RichEditor/BlockMenu/variants.ts index 8c6b4c041..174ea2353 100644 --- a/packages/ui/src/RichEditor/BlockMenu/variants.ts +++ b/packages/ui/src/RichEditor/BlockMenu/variants.ts @@ -10,6 +10,6 @@ export const blockMenuVariants = tv({ "z-20 flex size-6 items-center justify-center", "rounded text-txt-tertiary hover:bg-subtle hover:text-txt-primary text-xl font-light cursor-pointer", ], - menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-md z-30"], + menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-mid z-30"], }, }); diff --git a/packages/ui/src/RichEditor/BubbleMenu.tsx b/packages/ui/src/RichEditor/BubbleMenu.tsx index aa3b59a1e..28c5efba5 100644 --- a/packages/ui/src/RichEditor/BubbleMenu.tsx +++ b/packages/ui/src/RichEditor/BubbleMenu.tsx @@ -12,7 +12,7 @@ import { MenuButton } from "./MenuButton"; const bubbleMenuVariants = tv({ slots: { - root: "flex flex-col items-stretch z-20 rounded-lg border border-border-mid bg-level-0 shadow-md", + root: "flex flex-col items-stretch z-20 rounded-lg border border-border-mid bg-level-0 shadow-mid", toolbar: "flex items-center gap-1 p-1", linkInput: "flex items-center gap-1 border-t border-border-mid px-2 py-1.5", }, diff --git a/packages/ui/src/RichEditor/OptionsMenu/variants.ts b/packages/ui/src/RichEditor/OptionsMenu/variants.ts index 110446c56..2779ed683 100644 --- a/packages/ui/src/RichEditor/OptionsMenu/variants.ts +++ b/packages/ui/src/RichEditor/OptionsMenu/variants.ts @@ -10,6 +10,6 @@ export const optionsMenuVariants = tv({ "z-20 flex size-6 items-center justify-center", "rounded text-txt-tertiary hover:bg-subtle hover:text-txt-primary cursor-grab", ], - menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-md z-30"], + menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-mid z-30"], }, }); diff --git a/packages/ui/src/RichEditor/TableCellMenu/variants.ts b/packages/ui/src/RichEditor/TableCellMenu/variants.ts index 3842a4264..39d3d572d 100644 --- a/packages/ui/src/RichEditor/TableCellMenu/variants.ts +++ b/packages/ui/src/RichEditor/TableCellMenu/variants.ts @@ -10,6 +10,6 @@ export const tableCellMenuVariants = tv({ "z-20 flex size-5 items-center justify-center", "rounded text-border-info cursor-pointer", ], - menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-md z-30"], + menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-mid z-30"], }, }); diff --git a/packages/ui/src/RichEditor/TableColumnMenu/variants.ts b/packages/ui/src/RichEditor/TableColumnMenu/variants.ts index bcfa4cab6..9a584c54a 100644 --- a/packages/ui/src/RichEditor/TableColumnMenu/variants.ts +++ b/packages/ui/src/RichEditor/TableColumnMenu/variants.ts @@ -11,6 +11,6 @@ export const tableColumnMenuVariants = tv({ "rounded text-txt-tertiary bg-subtle hover:bg-border-solid cursor-grab", "py-0.5 h-3", ], - menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-md z-30"], + menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-mid z-30"], }, }); diff --git a/packages/ui/src/RichEditor/TableRowMenu/variants.ts b/packages/ui/src/RichEditor/TableRowMenu/variants.ts index b9e5096da..76161f50c 100644 --- a/packages/ui/src/RichEditor/TableRowMenu/variants.ts +++ b/packages/ui/src/RichEditor/TableRowMenu/variants.ts @@ -11,6 +11,6 @@ export const tableRowMenuVariants = tv({ "rounded text-txt-tertiary bg-subtle hover:bg-border-solid cursor-grab", "px-0.5 w-3", ], - menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-md z-30"], + menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-mid z-30"], }, });