Skip to content

Commit

Permalink
Merge pull request #23 from WDAqua/@fix/22-message-overflow
Browse files Browse the repository at this point in the history
Remove width constraint, add overflow-x scroll
  • Loading branch information
Wutras authored Mar 27, 2023
2 parents 80695e3 + c475fa5 commit 5494b39
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions src/components/Message/Message.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand All @@ -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 {
Expand All @@ -39,7 +41,7 @@
margin-top: 1vh;
word-wrap: break-word;
min-width: 80px;
max-width: 40vw;
/* max-width: 40vw; */
}

.messageTimeSent {
Expand All @@ -57,4 +59,4 @@

.messageContainer:not(.reply) .messageTimeSent {
color: var(--bright-teal);
}
}

0 comments on commit 5494b39

Please sign in to comment.