fix: optimize padding and margin styles for RTL layout

zakariaf · zakariaf · commit 007e8e30a105 · 2025-05-23T20:07:47.000+02:00
diff --git a/_sass/base/_rtl.scss b/_sass/base/_rtl.scss
@@ -16,7 +16,6 @@ html[dir='rtl'] {
   #sidebar {
     left: auto;
     right: 0;
-
     border-right: none;
     border-left: 1px solid var(--sidebar-border-color);
 
@@ -135,6 +134,7 @@ html[dir='rtl'] {
       div {
         margin-right: 0 !important;
       }
+
       i {
         &:not(:first-child) {
           margin-left: 0;
@@ -154,7 +154,6 @@ html[dir='rtl'] {
     section {
       padding-left: 0;
       padding-right: 1rem;
-
       border-left: none;
       border-right: 1px solid var(--main-border-color);
     }
@@ -346,8 +345,7 @@ html[dir='rtl'] {
         }
 
         ul {
-          padding-inline-start: 0;
-          padding-inline-end: 1.75rem;
+          padding-inline: 0 1.75rem;
         }
       }
 

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,6 @@ html[dir='rtl'] {`
`16`	`16`	`#sidebar {`
`17`	`17`	`left: auto;`
`18`	`18`	`right: 0;`
`19`		`-`
`20`	`19`	`border-right: none;`
`21`	`20`	`border-left: 1px solid var(--sidebar-border-color);`
`22`	`21`
`@@ -135,6 +134,7 @@ html[dir='rtl'] {`
`135`	`134`	`div {`
`136`	`135`	`margin-right: 0 !important;`
`137`	`136`	`}`
	`137`	`+`
`138`	`138`	`i {`
`139`	`139`	`&:not(:first-child) {`
`140`	`140`	`margin-left: 0;`
`@@ -154,7 +154,6 @@ html[dir='rtl'] {`
`154`	`154`	`section {`
`155`	`155`	`padding-left: 0;`
`156`	`156`	`padding-right: 1rem;`
`157`		`-`
`158`	`157`	`border-left: none;`
`159`	`158`	`border-right: 1px solid var(--main-border-color);`
`160`	`159`	`}`
`@@ -346,8 +345,7 @@ html[dir='rtl'] {`
`346`	`345`	`}`
`347`	`346`
`348`	`347`	`ul {`
`349`		`- padding-inline-start: 0;`
`350`		`- padding-inline-end: 1.75rem;`
	`348`	`+ padding-inline: 0 1.75rem;`
`351`	`349`	`}`
`352`	`350`	`}`
`353`	`351`