github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-05-06 19:08:59 -05:00
Code Issues 1.3k Packages Projects Releases 126 Wiki Activity

[PR #2318] [MERGED] Add RTL layout chat support #59816

New Issue
Closed
opened 2026-05-06 02:11:40 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-05-06 02:11:40 -05:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/2318
Author: @idomamia
Created: 5/16/2024
Status: ✅ Merged
Merged: 5/18/2024
Merged by: @tjbck

Base: dev ← Head: feat/rtl-layout-chat-support

📝 Commits (10+)

📊 Changes

9 files changed (+38 additions, -6 deletions)

View changed files

📝 src/lib/components/chat/MessageInput.svelte (+1 -0)
📝 src/lib/components/chat/Messages/CodeBlock.svelte (+1 -1)
📝 src/lib/components/chat/Messages/Name.svelte (+1 -1)
📝 src/lib/components/chat/Messages/ProfileImage.svelte (+3 -1)
📝 src/lib/components/chat/Messages/ResponseMessage.svelte (+2 -2)
📝 src/lib/components/chat/Messages/UserMessage.svelte (+1 -1)
📝 src/lib/components/chat/Settings/Interface.svelte (+25 -0)
📝 src/lib/i18n/locales/en-US/translation.json (+3 -0)
📝 src/lib/stores/index.ts (+1 -0)

📄 Description

Pull Request Checklist

  • Target branch: Pull requests should target the dev branch.
  • Description: Briefly describe the changes in this pull request.
  • Changelog: Ensure a changelog entry following the format of Keep a Changelog is added at the bottom of the PR description.
  • Documentation: Have you updated relevant documentation Open WebUI Docs, or other documentation sources?
  • Dependencies: Are there any new dependencies? Have you updated the dependency versions in the documentation?
  • Testing: Have you written and run sufficient tests for the changes?
  • Code Review: Have you self-reviewed your code and addressed any coding standard issues?

Description

Add support for RTL layout only for the chat. The user can now choose the preferred layout, LTR (left-to-right) or RTL (right-to-left), via the interface settings. The default is LTR.

Notice that code blocks will remain in LTR as it is considered the modern standard for programming languages.

Changelog Entry

Added

  • Option to switch the chat layout from LTR to RTL in the settings (LTR is the default).
  • English translation.
  • Chat direction was added to the settings store.

Changed

  • RTL layout support in the Chat components (except Code blocks).

Additional Information

  • A gif of my implementation:
    Open WebUI (1) - Copy

  • Related to #2134

🔄 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/2318 **Author:** [@idomamia](https://github.com/idomamia) **Created:** 5/16/2024 **Status:** ✅ Merged **Merged:** 5/18/2024 **Merged by:** [@tjbck](https://github.com/tjbck) **Base:** `dev` ← **Head:** `feat/rtl-layout-chat-support` --- ### 📝 Commits (10+) - [`9c389df`](https://github.com/open-webui/open-webui/commit/9c389df727c97c429516ed2b7bc8cc21669dc7de) Add chat direction to the settings store - [`a3a832a`](https://github.com/open-webui/open-webui/commit/a3a832a9359bc4a51f5fa5498d960b5ce073385d) Add chat direction toggle button in the interface settings - [`16b218e`](https://github.com/open-webui/open-webui/commit/16b218e6867cbfe7fca7b6a7a1c2524c24486a56) Add layout direction to all the chat components - [`4ccb5d3`](https://github.com/open-webui/open-webui/commit/4ccb5d39c7d05f054601e7bc6b7ac6489d4283c2) Code blocks should be in LTR layout for all layouts - [`97f1d16`](https://github.com/open-webui/open-webui/commit/97f1d1665aab37dbec1f9ed20604ce0bb44acbd0) Add to the i18n the chat direction text - [`2e77ad8`](https://github.com/open-webui/open-webui/commit/2e77ad87ccdd1eab1b06ce4d7b01a885c1f1dd65) Make the margin and avatar support both LTR and RTL - [`3f4eb6c`](https://github.com/open-webui/open-webui/commit/3f4eb6caa2ce32d999716c7924aff840a6b651b9) Merge branch 'dev' of https://github.com/open-webui/open-webui into feat/rtl-layout-chat-support - [`34dd32d`](https://github.com/open-webui/open-webui/commit/34dd32d48f161ca2b8769ead52832f96990b292e) Merge branch 'dev' of https://github.com/open-webui/open-webui into feat/rtl-layout-chat-support - [`92c694e`](https://github.com/open-webui/open-webui/commit/92c694e8ace677442107e1d6e667c616fc1f6319) Fix arrows to be in LTR layout for all layouts - [`e5d5743`](https://github.com/open-webui/open-webui/commit/e5d574307e1f2f943b128b7e622e9a047e2edf3b) Merge branch 'dev' of https://github.com/open-webui/open-webui into feat/rtl-layout-chat-support ### 📊 Changes **9 files changed** (+38 additions, -6 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/MessageInput.svelte` (+1 -0) 📝 `src/lib/components/chat/Messages/CodeBlock.svelte` (+1 -1) 📝 `src/lib/components/chat/Messages/Name.svelte` (+1 -1) 📝 `src/lib/components/chat/Messages/ProfileImage.svelte` (+3 -1) 📝 `src/lib/components/chat/Messages/ResponseMessage.svelte` (+2 -2) 📝 `src/lib/components/chat/Messages/UserMessage.svelte` (+1 -1) 📝 `src/lib/components/chat/Settings/Interface.svelte` (+25 -0) 📝 `src/lib/i18n/locales/en-US/translation.json` (+3 -0) 📝 `src/lib/stores/index.ts` (+1 -0) </details> ### 📄 Description ## Pull Request Checklist - [x] **Target branch:** Pull requests should target the `dev` branch. - [x] **Description:** Briefly describe the changes in this pull request. - [x] **Changelog:** Ensure a changelog entry following the format of [Keep a Changelog](https://keepachangelog.com/) is added at the bottom of the PR description. - [ ] **Documentation:** Have you updated relevant documentation [Open WebUI Docs](https://github.com/open-webui/docs), or other documentation sources? - [ ] **Dependencies:** Are there any new dependencies? Have you updated the dependency versions in the documentation? - [x] **Testing:** Have you written and run sufficient tests for the changes? - [x] **Code Review:** Have you self-reviewed your code and addressed any coding standard issues? --- ## Description Add support for RTL layout only for the chat. The user can now choose the preferred layout, LTR (left-to-right) or RTL (right-to-left), via the interface settings. The default is LTR. Notice that code blocks will remain in LTR as it is considered the modern standard for programming languages. --- ### Changelog Entry ### Added - Option to switch the chat layout from LTR to RTL in the settings (LTR is the default). - English translation. - Chat direction was added to the settings store. ### Changed - RTL layout support in the Chat components (except Code blocks). --- ### Additional Information - A gif of my implementation: ![Open WebUI (1) - Copy](https://github.com/open-webui/open-webui/assets/48285277/a3086a83-0e22-4e1b-ba19-10d5655710ab) - Related to #2134 --- <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-06 02:11:40 -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 Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#59816
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?