diff --git a/src/platform/web/ui/css/room.css b/src/platform/web/ui/css/room.css index 23fab8c1..8b8da1c2 100644 --- a/src/platform/web/ui/css/room.css +++ b/src/platform/web/ui/css/room.css @@ -50,12 +50,12 @@ limitations under the License. margin: 0; } -.MessageComposer { +.MessageComposer_input { display: flex; align-items: center; } -.MessageComposer > input { +.MessageComposer_input > input { display: block; flex: 1; min-width: 0; diff --git a/src/platform/web/ui/css/themes/bubbles/theme.css b/src/platform/web/ui/css/themes/bubbles/theme.css index 3e302110..06d85350 100644 --- a/src/platform/web/ui/css/themes/bubbles/theme.css +++ b/src/platform/web/ui/css/themes/bubbles/theme.css @@ -118,7 +118,7 @@ a { color: red; } -.MessageComposer > input { +.MessageComposer_input > input { padding: 0.8em; border: none; } diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css index 56eaf224..1d74b453 100644 --- a/src/platform/web/ui/css/themes/element/theme.css +++ b/src/platform/web/ui/css/themes/element/theme.css @@ -462,16 +462,16 @@ a { color: red; } -.MessageComposer { +.MessageComposer_input { border-top: 1px solid rgba(245, 245, 245, 0.90); padding: 8px 16px; } -.MessageComposer > :not(:first-child) { +.MessageComposer_input > :not(:first-child) { margin-left: 12px; } -.MessageComposer > input { +.MessageComposer_input > input { padding: 0 16px; border: none; border-radius: 24px; @@ -481,7 +481,7 @@ a { font-family: "Inter", sans-serif; } -.MessageComposer > button.send { +.MessageComposer_input > button.send { width: 32px; height: 32px; display: block; @@ -496,7 +496,7 @@ a { background-position: center; } -.MessageComposer > button.sendFile { +.MessageComposer_input > button.sendFile { width: 32px; height: 32px; display: block; @@ -510,7 +510,7 @@ a { background-position: center; } -.MessageComposer > button.send:disabled { +.MessageComposer_input > button.send:disabled { background-color: #E3E8F0; }