Merge pull request #23 from WDAqua/@fix/22-message-overflow

Remove width constraint, add overflow-x scroll
WDAqua · Mar 27, 2023 · 5494b39 · 5494b39
2 parents 80695e3 + c475fa5
commit 5494b39
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/Message/Message.css b/src/components/Message/Message.css
@@ -4,10 +4,11 @@
   float: right;
   display: flex;
   flex-direction: row-reverse;
+  margin: 1rem;
 }
 
 .messageContainer.reply {
-    flex-direction: row;
+  flex-direction: row;
 }
 
 .messageContainer.reply .messageDataContainer {
@@ -21,6 +22,7 @@
     0 1px 5px 0 rgba(0, 0, 0, 0.12);
   display: flex;
   flex-direction: column;
+  overflow-x: scroll;
 }
 
 .messageContainer.reply .messageDataContainer:focus {
@@ -39,7 +41,7 @@
   margin-top: 1vh;
   word-wrap: break-word;
   min-width: 80px;
-  max-width: 40vw;
+  /* max-width: 40vw; */
 }
 
 .messageTimeSent {
@@ -57,4 +59,4 @@
 
 .messageContainer:not(.reply) .messageTimeSent {
   color: var(--bright-teal);
-}
+}