github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-08-02 21:59:02 -05:00
Code Issues 2.4k Packages Projects Releases 129 Wiki Activity

[PR #23462] [CLOSED] fix: consistent chat message bubble widths in widescreen mode #114519

New Issue
Closed
opened 2026-05-18 15:17:56 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-05-18 15:17:56 -05:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/23462
Author: @chernistry
Created: 4/6/2026
Status: ❌ Closed

Base: dev ← Head: fix/consistent-chat-bubble-sizes

📝 Commits (10+)

📊 Changes

1 file changed (+1 additions, -1 deletions)

View changed files

📝 src/app.css (+1 -1)

📄 Description

Pull Request Checklist

  • Target branch: dev
  • Description: See below
  • Testing: Tested locally — opened a conversation with YAML code blocks in widescreen mode, verified bubbles no longer resize inconsistently during scrolling
  • Agentic AI Code: This PR was not written by an AI agent
  • Code review: Self-reviewed
  • Title Prefix: fix:

Changelog Entry

Description

  • Fix inconsistent conversation bubble sizing in widescreen mode when messages contain long code blocks

Fixed

  • Chat message bubbles resize inconsistently when YAML/code blocks exceed 65 characters in widescreen mode. Root cause: Tailwind's prose plugin applies max-width: 65ch via .markdown-prose, conflicting with the explicit w-full min-w-full on message containers. The parent Message component already controls width via max-w-5xl / max-w-full, so the prose-level constraint is redundant. Adding max-w-none removes it.

Additional Information

Contributor License Agreement

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/23462 **Author:** [@chernistry](https://github.com/chernistry) **Created:** 4/6/2026 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `fix/consistent-chat-bubble-sizes` --- ### 📝 Commits (10+) - [`fe6783c`](https://github.com/open-webui/open-webui/commit/fe6783c16699911c7be17392596d579333fb110c) Merge pull request #19030 from open-webui/dev - [`fc05e0a`](https://github.com/open-webui/open-webui/commit/fc05e0a6c5d39da60b603b4d520f800d6e36f748) Merge pull request #19405 from open-webui/dev - [`e3faec6`](https://github.com/open-webui/open-webui/commit/e3faec62c58e3a83d89aa3df539feacefa125e0c) Merge pull request #19416 from open-webui/dev - [`9899293`](https://github.com/open-webui/open-webui/commit/9899293f050ad50ae12024cbebee7e018acd851e) Merge pull request #19448 from open-webui/dev - [`140605e`](https://github.com/open-webui/open-webui/commit/140605e660b8186a7d5c79fb3be6ffb147a2f498) Merge pull request #19462 from open-webui/dev - [`6f1486f`](https://github.com/open-webui/open-webui/commit/6f1486ffd0cb288d0e21f41845361924e0d742b3) Merge pull request #19466 from open-webui/dev - [`d95f533`](https://github.com/open-webui/open-webui/commit/d95f533214e3fe5beb5e41ec1f349940bc4c7043) Merge pull request #19729 from open-webui/dev - [`a727153`](https://github.com/open-webui/open-webui/commit/a7271532f8a38da46785afcaa7e65f9a45e7d753) 0.6.43 (#20093) - [`6adde20`](https://github.com/open-webui/open-webui/commit/6adde203cd292a9e3af9c64a2ae36b603fed096a) Merge pull request #20394 from open-webui/dev - [`f9b0534`](https://github.com/open-webui/open-webui/commit/f9b0534e0c442631d1cb7205169588b9b6204179) Merge pull request #20522 from open-webui/dev ### 📊 Changes **1 file changed** (+1 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `src/app.css` (+1 -1) </details> ### 📄 Description # Pull Request Checklist - [x] **Target branch:** `dev` - [x] **Description:** See below - [x] **Testing:** Tested locally — opened a conversation with YAML code blocks in widescreen mode, verified bubbles no longer resize inconsistently during scrolling - [x] **Agentic AI Code:** This PR was not written by an AI agent - [x] **Code review:** Self-reviewed - [x] **Title Prefix:** `fix:` # Changelog Entry ### Description - Fix inconsistent conversation bubble sizing in widescreen mode when messages contain long code blocks ### Fixed - Chat message bubbles resize inconsistently when YAML/code blocks exceed 65 characters in widescreen mode. Root cause: Tailwind's `prose` plugin applies `max-width: 65ch` via `.markdown-prose`, conflicting with the explicit `w-full min-w-full` on message containers. The parent `Message` component already controls width via `max-w-5xl` / `max-w-full`, so the prose-level constraint is redundant. Adding `max-w-none` removes it. ### Additional Information - Fixes #5975 - One-line CSS change in `src/app.css` ### Contributor License Agreement - [x] By submitting this pull request, I confirm that I have read and fully agree to the [Contributor License Agreement (CLA)](https://github.com/open-webui/open-webui/blob/main/CONTRIBUTOR_LICENSE_AGREEMENT), and I am providing my contributions under its terms. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-18 15:17:56 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
confirmed
confirmed issue
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No labels pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
GiteaMirror ninjasurge (Kaehlen Rog)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#114519