Skip to content

Incorrect auto margins on RTL languages #829

@chen-shmilovich-sysdig

Description

@chen-shmilovich-sysdig

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    i18nInternationalization / Localization

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions