From 1bdd8ca64c5db966811bcba1036fdf867583c38e Mon Sep 17 00:00:00 2001 From: Audric Ackermann Date: Wed, 6 Sep 2023 14:54:43 +1000 Subject: [PATCH] fix: menu positioning after upgrade of dep --- stylesheets/_rtl.scss | 2 +- ts/components/SessionContextMenuContainer.tsx | 2 +- .../conversation/message/message-content/MessageContextMenu.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/stylesheets/_rtl.scss b/stylesheets/_rtl.scss index 264d2fee0..fa23f449f 100644 --- a/stylesheets/_rtl.scss +++ b/stylesheets/_rtl.scss @@ -6,7 +6,7 @@ body.rtl { .group-settings-item, .contact-selection-list, .group-member-list__selection, - .react-contexify__item { + .contexify_item { direction: rtl; } diff --git a/ts/components/SessionContextMenuContainer.tsx b/ts/components/SessionContextMenuContainer.tsx index 29d45f763..c807754b2 100644 --- a/ts/components/SessionContextMenuContainer.tsx +++ b/ts/components/SessionContextMenuContainer.tsx @@ -18,7 +18,7 @@ export const SessionContextMenuContainer = styled.div.attrs({ background: var(--context-menu-background-color); } - .contexify_item:not(.react-contexify_item-disabled):hover > .contexify_itemContent { + .contexify_item:not(.contexify_item-disabled):hover > .contexify_itemContent { background: var(--context-menu-background-hover-color); color: var(--context-menu-text-hover-color); } diff --git a/ts/components/conversation/message/message-content/MessageContextMenu.tsx b/ts/components/conversation/message/message-content/MessageContextMenu.tsx index 51de3e833..d5c47625a 100644 --- a/ts/components/conversation/message/message-content/MessageContextMenu.tsx +++ b/ts/components/conversation/message/message-content/MessageContextMenu.tsx @@ -66,7 +66,7 @@ type Props = { messageId: string; contextMenuId: string; enableReactions: boolea const StyledMessageContextMenu = styled.div` position: relative; - .react-contexify { + .contexify { margin-left: -104px; } `;