@antscorp/antsomi-ui 1.3.5-beta.807 → 1.3.5-beta.809
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -66,8 +66,7 @@ const EmojiPopover = ({ disabled, collections, isForceHide, children, onEmojiCli
|
|
|
66
66
|
children: renderCollection(collection.key),
|
|
67
67
|
}));
|
|
68
68
|
}, [collections, renderCollection]);
|
|
69
|
-
|
|
70
|
-
return (_jsx(EmojiPopoverStyled, { content: _jsx(EmojiTabs, { activeKey: state.collectionActive, onTabClick: handleClickCollection, items: emojiCollections }), placement: "topLeft", trigger: "click", style: { padding: 15 }, arrow: false, getPopupContainer: getPopupContainer, open: state.isOpen, onOpenChange: handleOpenChange, children: children || (_jsx(Button, { type: "link", icon: _jsx(EmojiSmileIcon, {}), disabled: disabled, onClick: () => handleOpenChange(true) })) }));
|
|
69
|
+
return (_jsx(EmojiPopoverStyled, { content: _jsx(EmojiTabs, { activeKey: state.collectionActive, onTabClick: handleClickCollection, items: emojiCollections }), placement: "topLeft", trigger: "click", style: { padding: 15 }, arrow: false, rootClassName: "antsomi-emoji-popover", open: state.isOpen, onOpenChange: handleOpenChange, children: children || (_jsx(Button, { type: "link", icon: _jsx(EmojiSmileIcon, {}), disabled: disabled, onClick: () => handleOpenChange(true) })) }));
|
|
71
70
|
};
|
|
72
71
|
EmojiPopover.defaultProps = {
|
|
73
72
|
disabled: false,
|
|
@@ -8,10 +8,4 @@ export const EmojiTabs = styled(TabsUI) `
|
|
|
8
8
|
padding: 5.5px 20px !important;
|
|
9
9
|
}
|
|
10
10
|
`;
|
|
11
|
-
export const EmojiPopoverStyled = styled(Popover)
|
|
12
|
-
.antsomi-popover .antsomi-popover-inner {
|
|
13
|
-
padding: 15px;
|
|
14
|
-
width: 530px;
|
|
15
|
-
height: 275px;
|
|
16
|
-
}
|
|
17
|
-
`;
|
|
11
|
+
export const EmojiPopoverStyled = styled(Popover) ``;
|
|
@@ -1039,6 +1039,12 @@ export const GlobalStyle = () => (_jsx(Global, { styles: css `
|
|
|
1039
1039
|
.antsomi-popover-inner {
|
|
1040
1040
|
overflow: hidden;
|
|
1041
1041
|
}
|
|
1042
|
+
|
|
1043
|
+
&.antsomi-emoji-popover .antsomi-popover-inner {
|
|
1044
|
+
padding: 15px;
|
|
1045
|
+
width: 530px;
|
|
1046
|
+
height: 275px;
|
|
1047
|
+
}
|
|
1042
1048
|
}
|
|
1043
1049
|
|
|
1044
1050
|
/* Menu */
|