Add style for WysiwygComposer

2022-10-07 11:46:57 +02:00
parent c7f912529d
commit bcc53fc337
3 changed files with 59 additions and 3 deletions
--- a/src/components/views/rooms/wysiwyg_composer/WysiwygComposer.tsx
+++ b/src/components/views/rooms/wysiwyg_composer/WysiwygComposer.tsx
@@ -52,9 +52,11 @@ export function WysiwygComposer(
    }, [content, mxClient, roomContext, wysiwyg, props, ref]);

    return (
-        <>
-            <div className="mx_SendMessageComposer" style={{ minHeight: '30px', marginBottom: '5px' }} ref={ref} contentEditable={!disabled && isWysiwygReady} />
+        <div className="mx_WysiwygComposer">
+            <div className="mx_WysiwygComposer_container">
+                <div className="mx_WysiwygComposer_content" ref={ref} contentEditable={!disabled && isWysiwygReady} />
+            </div>
            { children?.(memoizedSendMessage) }
-        </>
+        </div>
    );
 }