Skip to content

Fix slider gap on RTL sites#262

Merged
nk-o merged 2 commits intomasterfrom
codex/vpf-198-carousel-gap-rtl-fix
Mar 4, 2026
Merged

Fix slider gap on RTL sites#262
nk-o merged 2 commits intomasterfrom
codex/vpf-198-carousel-gap-rtl-fix

Conversation

@Fellan-91
Copy link
Collaborator

@Fellan-91 Fellan-91 commented Feb 18, 2026

Summary

  • keep slider horizontal margin reset only before Swiper initialization
  • stop overriding Swiper inline RTL gap (margin-left) after slides become .swiper-slide
  • rebuild compiled CSS assets

Verification

  • reproduced bug on RTL (ar) where inline margin-left: 35px was overridden to computed 0px
  • after fix, RTL computed margin-left stays 35px
  • checked LTR (en_US) remains correct with computed margin-right: 35px
  • ran npm run lint:css

Fixes VPF-198

@nk-o nk-o merged commit 37e05a3 into master Mar 4, 2026
10 checks passed
@nk-o nk-o deleted the codex/vpf-198-carousel-gap-rtl-fix branch March 4, 2026 09:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants