WIP: message composer

1 files changed, 20 insertions, 0 deletions

diff --git a/assets/style.scss b/assets/style.scss
index d4b4e91..96291ed 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -192,10 +192,17 @@ p {
 
 .open-chat-views {
   flex: 1 1 100%;
+  display: flex;
+  flex-direction: column;
+  max-height: auto;
 }
 
 .open-chat-view {
   height: auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  max-height: auto;
 }
 
 .chat-view-header .avatar {
@@ -219,6 +226,7 @@ p {
   border-width: 2px 0 0 0;
   width: auto;
   padding: 16px;
+  max-height: auto;
 }
 
 .new-message-composer textarea {
@@ -235,6 +243,18 @@ p {
   /* display: block; */
 }
 
+.new-message-composer .text-box {
+  color: black;
+  background-color: #dcdcdc;
+  max-height: 32em;
+  overflow: scroll;
+  font-size: 16px;
+  border: 2px solid black;
+  padding: 8px;
+  margin: 0;
+  height: fit-content;
+}
+
 .grow-wrap {
   /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
   display: grid;