Toggle component has excess spacing

[joshenlim]

Bug report

Similar to the previous Button component issue, Toggle has excess spacing from probably from a gap-x-{n} class

[MildTomato]

@joshenlim can you paste in Toggle code your using in here?

and are you using latest version of @supabase/ui?

[MildTomato]

I can't recreate this, I think it was fixed in a previous release, -> #40

@joshenlim just reopen it if the problem persists on latest version of lib

[joshenlim]

oh sorry for getting back late! I'm using the Toggle as such without any labels, still has the excess spacing - I'm thinking its cause i'm not giving the toggles any labels?

[MildTomato]

@joshenlim what version you using?

[joshenlim]

this is 0.1.19

[MildTomato]

thanks ill look into it 👍

[MildTomato]

@joshenlim i still can't recreate this anywhere.

maybe best i jump in your project and see what's going on.
got a link to branch/repo ?

[joshenlim]

Oh yeah sure thing!

https://github.com/supabase/repository.surf/tree/feature/login

[MildTomato]

I can't recreate this. are you sure?

This is in surf repo, in the login feature branch

[MildTomato]

thanks @joshenlim for helping before.

the spacing on the right due the layout of the toggle, its always left aligned with text/labels.
this will show the label/text aligned on one side, while the toggle is aligned on the opposite side - which is what it should of been anyway 🙈

I'll also leave support for the horizontal layout as well on top of that, incase we wanted it to sit inside a horizontal form, which has the labels on the left in another column.

I'll get that implemented!

[kiwicopple]

🎉 This issue has been resolved in version 0.4.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀