Added RtL support for Sliders

Tropix126 / fluent-svelte

A faithful implementation of Microsoft's Fluent Design System in Svelte.

https://fluent-svelte.vercel.app

MIT License

624 stars 28 forks source link

Added RtL support for Sliders #22

Closed TheOnlyTails closed 2 years ago

TheOnlyTails commented 2 years ago

Currently, the <Slider> component is very broken in RtL mode (thumb goes off-rail, tooltip floating way off the thumb, rail not colored all the way), and this fixes all those issues.

vercel[bot] commented 2 years ago

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/tropical/fluent-svelte/3KHTgb2wVW9Dwz3Adk6JLBky3sg5
✅ Preview: https://fluent-svelte-git-rtl-slider-tropical.vercel.app

Tropix126 commented 2 years ago

LGTM! In the future I want to test out how we can potentially optimize this for SSR, but this seems good for now.