[PR #369] [CLOSED] RTL Support Added. (Styles fixed) #2150

Open
opened 2026-01-29 18:17:27 +00:00 by claunia · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/radzenhq/radzen-blazor/pull/369
Author: @vrassouli
Created: 2/10/2022
Status: Closed

Base: masterHead: RTLSupport


📝 Commits (1)

  • 2b67231 RTL Support Added. (Styles fixed)

📊 Changes

34 files changed (+930 additions, -547 deletions)

View changed files

📝 Radzen.Blazor/themes/components/blazor/_accordion.scss (+18 -5)
📝 Radzen.Blazor/themes/components/blazor/_checkbox.scss (+2 -2)
📝 Radzen.Blazor/themes/components/blazor/_colorpicker.scss (+5 -5)
📝 Radzen.Blazor/themes/components/blazor/_datepicker.scss (+201 -170)
📝 Radzen.Blazor/themes/components/blazor/_dialog.scss (+11 -4)
📝 Radzen.Blazor/themes/components/blazor/_dropdown.scss (+19 -6)
📝 Radzen.Blazor/themes/components/blazor/_fieldset.scss (+2 -2)
📝 Radzen.Blazor/themes/components/blazor/_form.scss (+11 -1)
📝 Radzen.Blazor/themes/components/blazor/_grid.scss (+38 -14)
📝 Radzen.Blazor/themes/components/blazor/_icons.scss (+0 -1)
📝 Radzen.Blazor/themes/components/blazor/_listbox.scss (+2 -2)
📝 Radzen.Blazor/themes/components/blazor/_menu.scss (+7 -7)
📝 Radzen.Blazor/themes/components/blazor/_notification.scss (+7 -0)
📝 Radzen.Blazor/themes/components/blazor/_numeric.scss (+12 -2)
📝 Radzen.Blazor/themes/components/blazor/_paginator.scss (+44 -17)
📝 Radzen.Blazor/themes/components/blazor/_panel-menu.scss (+6 -6)
📝 Radzen.Blazor/themes/components/blazor/_profile-menu.scss (+2 -2)
📝 Radzen.Blazor/themes/components/blazor/_radio.scss (+2 -2)
📝 Radzen.Blazor/themes/components/blazor/_scheduler.scss (+53 -13)
📝 Radzen.Blazor/themes/components/blazor/_selectbar.scss (+23 -1)

...and 14 more files

📄 Description

To add RTL Support, I've changed all styles of paddings, margins, any left-right styles like border-left, ... to use their 'inline' variant.
For example,
margin: 1rem 2rem 3rem 6rem; padding-left: 2.5rem; padding-right: 4.5rem; border-left: 1px solid red;
is converted to:
margin: 1rem 0 3rem 0; margin-inline: 6rem 1rem; padding-inline-start: 2.5rem; padding-inline-end: 4.5rem; border-inline-start: 1px solid red;


🔄 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/radzenhq/radzen-blazor/pull/369 **Author:** [@vrassouli](https://github.com/vrassouli) **Created:** 2/10/2022 **Status:** ❌ Closed **Base:** `master` ← **Head:** `RTLSupport` --- ### 📝 Commits (1) - [`2b67231`](https://github.com/radzenhq/radzen-blazor/commit/2b67231eb1b08e79e0859d4679c61f45847bdffc) RTL Support Added. (Styles fixed) ### 📊 Changes **34 files changed** (+930 additions, -547 deletions) <details> <summary>View changed files</summary> 📝 `Radzen.Blazor/themes/components/blazor/_accordion.scss` (+18 -5) 📝 `Radzen.Blazor/themes/components/blazor/_checkbox.scss` (+2 -2) 📝 `Radzen.Blazor/themes/components/blazor/_colorpicker.scss` (+5 -5) 📝 `Radzen.Blazor/themes/components/blazor/_datepicker.scss` (+201 -170) 📝 `Radzen.Blazor/themes/components/blazor/_dialog.scss` (+11 -4) 📝 `Radzen.Blazor/themes/components/blazor/_dropdown.scss` (+19 -6) 📝 `Radzen.Blazor/themes/components/blazor/_fieldset.scss` (+2 -2) 📝 `Radzen.Blazor/themes/components/blazor/_form.scss` (+11 -1) 📝 `Radzen.Blazor/themes/components/blazor/_grid.scss` (+38 -14) 📝 `Radzen.Blazor/themes/components/blazor/_icons.scss` (+0 -1) 📝 `Radzen.Blazor/themes/components/blazor/_listbox.scss` (+2 -2) 📝 `Radzen.Blazor/themes/components/blazor/_menu.scss` (+7 -7) 📝 `Radzen.Blazor/themes/components/blazor/_notification.scss` (+7 -0) 📝 `Radzen.Blazor/themes/components/blazor/_numeric.scss` (+12 -2) 📝 `Radzen.Blazor/themes/components/blazor/_paginator.scss` (+44 -17) 📝 `Radzen.Blazor/themes/components/blazor/_panel-menu.scss` (+6 -6) 📝 `Radzen.Blazor/themes/components/blazor/_profile-menu.scss` (+2 -2) 📝 `Radzen.Blazor/themes/components/blazor/_radio.scss` (+2 -2) 📝 `Radzen.Blazor/themes/components/blazor/_scheduler.scss` (+53 -13) 📝 `Radzen.Blazor/themes/components/blazor/_selectbar.scss` (+23 -1) _...and 14 more files_ </details> ### 📄 Description To add RTL Support, I've changed all styles of paddings, margins, any left-right styles like border-left, ... to use their 'inline' variant. For example, ` margin: 1rem 2rem 3rem 6rem; padding-left: 2.5rem; padding-right: 4.5rem; border-left: 1px solid red; ` is converted to: ` margin: 1rem 0 3rem 0; margin-inline: 6rem 1rem; padding-inline-start: 2.5rem; padding-inline-end: 4.5rem; border-inline-start: 1px solid red; ` --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
claunia added the pull-request label 2026-01-29 18:17:27 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#2150