Skip to content

Commit

Permalink
fix(rtl): toggle arrow & vertical controls
Browse files Browse the repository at this point in the history
  • Loading branch information
martyanovandrey committed Jan 31, 2024
1 parent 80c6d87 commit 3148685
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 10 deletions.
5 changes: 5 additions & 0 deletions src/components/DocPage/DocPage.scss
Original file line number Diff line number Diff line change
Expand Up @@ -265,6 +265,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 */
Expand Down
22 changes: 12 additions & 10 deletions src/components/ToggleArrow/ToggleArrow.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
}
}

Expand Down

0 comments on commit 3148685

Please sign in to comment.