Fix text overflow in chat and instruct mode (#1044)

This commit is contained in:
DavG25 2023-04-11 19:41:29 +02:00 committed by GitHub
parent dc3c9d00a0
commit e9e93189ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 1 deletions

View File

@ -7,11 +7,13 @@
padding-right: 20px; padding-right: 20px;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
word-break: break-word;
overflow-wrap: anywhere;
} }
.message { .message {
display: grid; display: grid;
grid-template-columns: 60px 1fr; grid-template-columns: 60px minmax(0, 1fr);
padding-bottom: 25px; padding-bottom: 25px;
font-size: 15px; font-size: 15px;
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
@ -73,6 +75,13 @@
display: inline !important; display: inline !important;
} }
.message-body code {
overflow-x: auto;
}
.message-body :not(pre) > code {
white-space: normal !important;
}
.dark .message-body p em { .dark .message-body p em {
color: rgb(138, 138, 138) !important; color: rgb(138, 138, 138) !important;
} }

View File

@ -7,6 +7,8 @@
padding-right: 20px; padding-right: 20px;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
word-break: break-word;
overflow-wrap: anywhere;
} }
.message { .message {
@ -37,6 +39,13 @@
display: inline !important; display: inline !important;
} }
.message-body code {
overflow-x: auto;
}
.message-body :not(pre) > code {
white-space: normal !important;
}
.dark .message-body p em { .dark .message-body p em {
color: rgb(138, 138, 138) !important; color: rgb(138, 138, 138) !important;
} }