txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mobile chat overflow — break long links, constrain msg width, scroll chips

Browse Source
This commit is contained in:
juanatsap
2026-04-09 23:27:13 +01:00
parent 42fe69f5a0
commit 574f97d5cd
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/04-interactive/_chat.css
+21
View File
@@ -365,11 +365,19 @@
font-size: 0.8rem; font-size: 0.8rem;
line-height: 1.5; line-height: 1.5;
max-width: 85%; max-width: 85%;
min-width: 0;
word-wrap: break-word; word-wrap: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
word-break: break-word; word-break: break-word;
} }
.chat-msg a,
.chat-msg strong,
.chat-msg p {
overflow-wrap: break-word;
word-break: break-word;
}
.chat-row-bot .chat-msg { .chat-row-bot .chat-msg {
background: var(--paper-secondary-bg, #f5f5f5); background: var(--paper-secondary-bg, #f5f5f5);
color: var(--text-secondary, #333333); color: var(--text-secondary, #333333);
@@ -467,6 +475,8 @@
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
border-bottom: 1px dotted var(--accent-green, #27ae60); border-bottom: 1px dotted var(--accent-green, #27ae60);
word-break: break-word;
overflow-wrap: break-word;
} }
.chat-nav-link:hover { .chat-nav-link:hover {
@@ -943,4 +953,15 @@
right: -8px; right: -8px;
min-width: 120px; min-width: 120px;
} }
/* Prevent any child from expanding beyond panel */
.chat-msg {
max-width: calc(100% - 44px);
}
.chat-suggestions {
overflow-x: auto;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
}
} }