sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-11-23 23:48:56 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 18

Wrap messages in web, obsidian UI to stay within screen when long links

Browse source 
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:
Debanjum 2024-11-07 15:56:43 -08:00
parent f967bdf702
commit 80ee35b9b1
2 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/interface/obsidian/styles.css
View file

@ -78,6 +78,7 @@ If your plugin does not need CSS, delete this file.
user-select: text; user-select: text;
color: var(--text-normal); color: var(--text-normal);
background-color: var(--active-bg); background-color: var(--active-bg);
word-break: break-word;
} }
/* color chat bubble by khoj blue */ /* color chat bubble by khoj blue */
.khoj-chat-message-text.khoj { .khoj-chat-message-text.khoj {

2
src/interface/web/app/components/chatMessage/chatMessage.module.css
View file

@ -4,6 +4,7 @@ div.chatMessageContainer {
margin: 12px; margin: 12px;
border-radius: 16px; border-radius: 16px;
padding: 8px 16px 0 16px; padding: 8px 16px 0 16px;
word-break: break-word;
} }
div.chatMessageWrapper { div.chatMessageWrapper {
@ -170,6 +171,7 @@ div.trainOfThoughtElement {
div.trainOfThoughtElement ol, div.trainOfThoughtElement ol,
div.trainOfThoughtElement ul { div.trainOfThoughtElement ul {
margin: auto; margin: auto;
word-break: break-word;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {