mirror of
https://github.com/khoj-ai/khoj.git
synced 2024-11-23 23:48:56 +01:00
Wrap messages in web, obsidian UI to stay within screen when long links
Wrap long links etc. in chat messages and train of thought lists on web app app and obsidian plugin by breaking them into newlines by word
This commit is contained in:
parent
f967bdf702
commit
80ee35b9b1
2 changed files with 3 additions and 0 deletions
|
@ -78,6 +78,7 @@ If your plugin does not need CSS, delete this file.
|
|||
user-select: text;
|
||||
color: var(--text-normal);
|
||||
background-color: var(--active-bg);
|
||||
word-break: break-word;
|
||||
}
|
||||
/* color chat bubble by khoj blue */
|
||||
.khoj-chat-message-text.khoj {
|
||||
|
|
|
@ -4,6 +4,7 @@ div.chatMessageContainer {
|
|||
margin: 12px;
|
||||
border-radius: 16px;
|
||||
padding: 8px 16px 0 16px;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
div.chatMessageWrapper {
|
||||
|
@ -170,6 +171,7 @@ div.trainOfThoughtElement {
|
|||
div.trainOfThoughtElement ol,
|
||||
div.trainOfThoughtElement ul {
|
||||
margin: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
|
Loading…
Reference in a new issue