diff --git a/static/css/04-interactive/_chat.css b/static/css/04-interactive/_chat.css index 1ff0ff8..984fb7c 100644 --- a/static/css/04-interactive/_chat.css +++ b/static/css/04-interactive/_chat.css @@ -365,11 +365,19 @@ font-size: 0.8rem; line-height: 1.5; max-width: 85%; + min-width: 0; word-wrap: break-word; overflow-wrap: 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 { background: var(--paper-secondary-bg, #f5f5f5); color: var(--text-secondary, #333333); @@ -467,6 +475,8 @@ font-weight: 600; cursor: pointer; border-bottom: 1px dotted var(--accent-green, #27ae60); + word-break: break-word; + overflow-wrap: break-word; } .chat-nav-link:hover { @@ -943,4 +953,15 @@ right: -8px; 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; + } }