Mirrors/text-generation-webui
1
0
Fork 0
mirror of https://github.com/oobabooga/text-generation-webui.git synced 2024-09-20 18:45:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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

Browse source
This commit is contained in:
DavG25 2023-04-11 19:41:29 +02:00 committed by GitHub
parent dc3c9d00a0
commit e9e93189ff
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
css/html_cai_style.css
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;
} }

9
css/html_instruct_style.css
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;
} }