Merge pull request #353 from UdeshAthukorala/rtl

UdeshAthukorala · web-flow · commit 5dd64928b7e8 · 2025-06-04T08:52:22.000+05:30
fix(react): Make CSS files direction-aware to support RTL layouts
diff --git a/.changeset/tangy-falcons-fly.md b/.changeset/tangy-falcons-fly.md
@@ -0,0 +1,5 @@
+---
+"@oxygen-ui/react": patch
+---
+
+Make CSS files direction-aware to support RTL layouts
diff --git a/packages/react/src/components/Header/header.scss b/packages/react/src/components/Header/header.scss
@@ -40,7 +40,7 @@
       height: 40px;
       max-width: 100px;
       display: flex;
-      margin-right: 0.5rem;
+      margin-inline-end: 0.5rem;
 
       img {
         width: 100%;
diff --git a/packages/react/src/components/NavbarItem/navbar-item.scss b/packages/react/src/components/NavbarItem/navbar-item.scss
@@ -72,7 +72,7 @@
         justify-content: initial;
 
         .oxygen-list-item-icon {
-          margin-right: 10px;
+          margin-inline-end: 10px;
         }
 
         .oxygen-list-item-text {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@oxygen-ui/react": patch
 +---
++
 +Make CSS files direction-aware to support RTL layouts