Few changes to Chat input

2022-05-22 08:37:23 +02:00
parent e045ab605b
commit bef99afa05
2 changed files with 52 additions and 19 deletions
--- a/web/components/chat/ChatTextField/ChatTextField.module.scss
+++ b/web/components/chat/ChatTextField/ChatTextField.module.scss
@@ -1,8 +1,13 @@
 .root {
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
  padding: .3rem;
  color: var(--text-secondry);
+  overflow-x: hidden;
  div[role=textbox] {
    padding: .6rem;
+    padding-right: calc(0.6rem + 44px);
    border-radius: .35rem;
    background-color: var(--color-owncast-gray-700);
    & > p {
@@ -10,3 +15,22 @@
    }
  }
 }
+.inputWrapper {
+  display: flex;
+  position: relative;
+}
+
+.emojiButton {
+  border: none;
+  margin-right: 5px;
+  position: absolute;
+  right: 0px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.submitButtonWrapper {
+  display: flex;
+  padding: 6px 0;
+  justify-content: flex-end;
+}