Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
Normal
When switching to RTL language the Carousel-container.less Margin is not properly set.Before the fix:[ATTACH=full]321586[/ATTACH]After the fix:[ATTACH=full]321587[/ATTACH]Appreciate it to add to the core the rtl margin fixing code carousel.less[CODE=less].carousel-container { flex: 0 0 auto; width: calc((100% - (var(--f-carousel-spacing) * (var(--xf-slidesPerPage) - 1))) / var(--xf-slidesPerPage)); margin: 0 var(--f-carousel-spacing) 0 0; /* Fix for RTL */ & when(@rtl) { margin: 0 0 0 var(--f-carousel-spacing); } }[/CODE]
When switching to RTL language the Carousel-container.less Margin is not properly set.
Before the fix:
[ATTACH=full]321586[/ATTACH]
After the fix:
[ATTACH=full]321587[/ATTACH]
Appreciate it to add to the core the rtl margin fixing code carousel.less
carousel.less
[CODE=less].carousel-container
{
flex: 0 0 auto;
width: calc((100% - (var(--f-carousel-spacing) * (var(--xf-slidesPerPage) - 1))) / var(--xf-slidesPerPage));
margin: 0 var(--f-carousel-spacing) 0 0;
/* Fix for RTL */
& when(@rtl)
margin: 0 0 0 var(--f-carousel-spacing);
}
}[/CODE]
We use essential cookies to make this site work, and optional cookies to enhance your experience.
See further information and configure your preferences