diff --git a/src/components/Editor/SimplifiedEditor.tsx b/src/components/Editor/SimplifiedEditor.tsx index b5576994..4dad4d35 100644 --- a/src/components/Editor/SimplifiedEditor.tsx +++ b/src/components/Editor/SimplifiedEditor.tsx @@ -44,6 +44,7 @@ type Props = { onChange?: (text: string) => void variant?: 'minimal' | 'bordered' maxLength?: number + maxHeight?: number submitButtonText?: string quoteEnabled?: boolean imageEnabled?: boolean @@ -237,6 +238,11 @@ const SimplifiedEditor = (props: Props) => { } }) + const maxHeightStyle = { + overflow: 'auto', + 'max-height': `${props.maxHeight}px` + } + return (
(wrapperEditorElRef.current = el)} @@ -254,7 +260,7 @@ const SimplifiedEditor = (props: Props) => { 0}>
{props.label}
-
(editorElRef.current = el)} /> +
(editorElRef.current = el)} />
diff --git a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.module.scss b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.module.scss index e6b15233..9f022771 100644 --- a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.module.scss +++ b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.module.scss @@ -1,8 +1,6 @@ .TextBubbleMenu { background: var(--editor-bubble-menu-background); box-shadow: 0 4px 10px rgba(#000, 0.25); - max-height: 300px; - overflow: auto; &.growWidth { min-width: 460px; diff --git a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx index c384fc0a..146756d2 100644 --- a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx +++ b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx @@ -113,6 +113,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {