Fix react-contexify styling (#18802)

* fix storage popover bg

* fix react-contexify bgs

* fix react-contexify styling

* fix react-contexify styling

* fix react-contexify styling

* fix react-contexify styling
This commit is contained in:
Francesco Sansalvadore authored and GitHub committed 2023-11-08 04:05:09 +00:00
1 parent 394b9844b6
commit 46610352eb
2 files changed
+7 -5

No files matched your search

@@ -60,7 +60,7 @@ const RowContextMenu = ({ rows }: RowContextMenuProps) => {
return (
<>
<Menu id={ROW_CONTEXT_MENU_ID} animation={false} className="!bg-surface-200">
<Menu id={ROW_CONTEXT_MENU_ID} animation={false}>
<Item onClick={onCopyCellContent}>
<IconClipboard size="tiny" />
<span className="ml-2 text-xs">Copy cell content</span>
+6 -4
View File
@@ -1,8 +1,10 @@
.react-contexify {
@apply bg-surface-100 border border-default;
@apply border border-default;
background-color: hsl(var(--background-surface-100)) !important;
.react-contexify__item {
.react-contexify__item__content {
@apply dark:text-white text-sm;
@apply text-foreground text-sm;
}
.react-contexify__submenu {
@apply bg-surface-100 border;
@@ -12,9 +14,9 @@
> .react-contexify__item__content,
.react-contexify__item:not(.react-contexify__item--disabled):focus
> .react-contexify__item__content {
@apply dark:bg-overlay-hover;
@apply bg-overlay-hover;
}
.react-contexify__separator {
@apply dark:bg-overlay;
@apply bg-overlay;
}
}