docsy icon indicating copy to clipboard operation
docsy copied to clipboard

Incorrect auto margins on RTL languages

Open chen-shmilovich-sysdig opened this issue 3 years ago • 1 comments

In assets/scss/rtl/_spacing.scss:

.mr#{$infix}-auto,
.mx#{$infix}-auto {
    margin-right: auto !important;
}

mr-auto should set an auto left margin on RTL languages.

and

.ml#{$infix}-auto,
.mx#{$infix}-auto {
    margin-left: auto !important;
}

ml-auto should set an auto right margin on RTL languages.

In the example site you can that it affects the navbar when switching to an RTL language: image

The nav items should float to the left but the navbar still has an auto margin-left, so it stays in place.

chen-shmilovich-sysdig avatar Jan 13 '22 16:01 chen-shmilovich-sysdig

Hello can you please assign this issue to me?

ShlokJswl avatar Jan 23 '23 14:01 ShlokJswl