diff --git a/src/components/DocPage/DocPage.scss b/src/components/DocPage/DocPage.scss index 036c016b..5ab4cdcb 100644 --- a/src/components/DocPage/DocPage.scss +++ b/src/components/DocPage/DocPage.scss @@ -56,8 +56,8 @@ right: 7px; [dir='rtl'] & { - flex-direction: row-reverse; - left: -210px; + left: 7px; + right: auto; } & > .dc-controls { @@ -258,6 +258,11 @@ @media screen and (min-width: 1024px) { &#{&}_full-screen#{&}_regular-page-width &__controls_vertical { right: -36px; + + [dir='rtl'] & { + left: -36px; + right: auto; + } } } /* stylelint-disable declaration-no-important */ diff --git a/src/components/Paginator/Paginator.scss b/src/components/Paginator/Paginator.scss index dd46a713..c8993e19 100644 --- a/src/components/Paginator/Paginator.scss +++ b/src/components/Paginator/Paginator.scss @@ -11,6 +11,7 @@ [dir='rtl'] & { flex-direction: row-reverse; + justify-content: flex-end; } &__item { diff --git a/src/components/SearchPage/SearchPage.scss b/src/components/SearchPage/SearchPage.scss index a1c6c115..57a0b559 100644 --- a/src/components/SearchPage/SearchPage.scss +++ b/src/components/SearchPage/SearchPage.scss @@ -14,10 +14,6 @@ &__search-field-wrapper { display: flex; align-items: center; - - [dir='rtl'] & { - flex-direction: row-reverse; - } } &__search-button { diff --git a/src/components/ToggleArrow/ToggleArrow.scss b/src/components/ToggleArrow/ToggleArrow.scss index eec8d472..29feb5d6 100644 --- a/src/components/ToggleArrow/ToggleArrow.scss +++ b/src/components/ToggleArrow/ToggleArrow.scss @@ -6,30 +6,32 @@ &_type { &_horizontal { transform: rotate(0deg); - } - - &_vertical { - transform: rotate(90deg); - } - [dir='rtl'] & { - &_horizontal { + [dir='rtl'] & { transform: rotate(180deg); } + } - &_vertical { - transform: rotate(90deg); - } + &_vertical { + transform: rotate(90deg); } } &_open { &#{$root}_type_horizontal { transform: rotate(90deg); + + [dir='rtl'] & { + transform: rotate(90deg); + } } &#{$root}_type_vertical { transform: rotate(-90deg); + + [dir='rtl'] & { + transform: rotate(90deg); + } } }