Merge pull request #5753 from weseek/feat/gw7799-remove-background-color-of-emojiPicker-modal

feat: gw7799 remove background color of emoji picker modal

packages/app/src/components/PageEditor/EmojiPicker.tsx

@@ -47,7 +47,7 @@ const EmojiPicker: FC<Props> = (props: Props) => {
   const theme = isDarkMode() ? 'dark' : 'light';
 
   return (
-    <Modal isOpen={isOpen} toggle={onClose} onOpened={searchEmoji} fade={false}>
+    <Modal isOpen={isOpen} toggle={onClose} onOpened={searchEmoji} backdropClassName="emoji-picker-modal" fade={false}>
       <Picker
         onSelect={selectEmoji}
         i18n={translation}

packages/app/src/styles/theme/_apply-colors.scss

@@ -701,3 +701,10 @@ mark.rbt-highlight-text {
   height: 7px;
   background-color: $primary;
 }
+
+/*
+Emoji picker modal
+*/
+.emoji-picker-modal {
+  background-color: transparent !important;
+}