Skip to content

Commit dea69b0

Browse files
Merge pull request #1944 from carbon-design-system/1909-side-menu-rtl
fix(sidebar): add some rules for handling RTL layouts
2 parents 91d7706 + 5687012 commit dea69b0

1 file changed

Lines changed: 12 additions & 0 deletions

File tree

src/components/SideNav/_side-nav.scss

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,3 +61,15 @@ $hoverBgColor: #2c2c2c;
6161
color: $textColor;
6262
}
6363
}
64+
65+
html[dir='rtl'] {
66+
.#{$iot-prefix}--side-nav {
67+
left: unset;
68+
right: 0;
69+
}
70+
71+
.#{$prefix}--side-nav__icon:not(.#{$prefix}--side-nav__submenu-chevron) {
72+
margin-left: mini-units(3);
73+
margin-right: unset;
74+
}
75+
}

0 commit comments

Comments
 (0)