Fix top nav bar layout in RTL languages

Modify the margin direction in RTL layouts, and replace some occurrences of space-x to gap-x, for better RTL handling
This commit is contained in:
Azzam Alsharafi
2024-12-19 15:24:21 +08:00
parent 4eed37fc2c
commit 904e077b74
3 changed files with 21 additions and 15 deletions

View File

@@ -1616,10 +1616,6 @@ select {
margin-left:-3rem
}
.-mr-2 {
margin-right:-0.5rem
}
.-mr-48 {
margin-right:-12rem
}
@@ -2163,6 +2159,16 @@ select {
gap:1rem
}
.gap-x-3 {
-moz-column-gap:0.75rem;
column-gap:0.75rem
}
.gap-x-5 {
-moz-column-gap:1.25rem;
column-gap:1.25rem
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse:0;
margin-right:calc(0.5rem * var(--tw-space-x-reverse));
@@ -5494,8 +5500,8 @@ pre {
margin-left:0.5rem
}
.ltr\:mr-14:where([dir="ltr"], [dir="ltr"] *) {
margin-right:3.5rem
.ltr\:mr-1:where([dir="ltr"], [dir="ltr"] *) {
margin-right:0.25rem
}
.ltr\:mr-4:where([dir="ltr"], [dir="ltr"] *) {
@@ -5562,8 +5568,8 @@ pre {
margin-right:-1.25rem
}
.rtl\:ml-14:where([dir="rtl"], [dir="rtl"] *) {
margin-left:3.5rem
.rtl\:ml-1:where([dir="rtl"], [dir="rtl"] *) {
margin-left:0.25rem
}
.rtl\:ml-4:where([dir="rtl"], [dir="rtl"] *) {