Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Orientation of sliders #59

Closed
kvacke opened this issue Jun 30, 2023 · 5 comments
Closed

Orientation of sliders #59

kvacke opened this issue Jun 30, 2023 · 5 comments

Comments

@kvacke
Copy link

kvacke commented Jun 30, 2023

Hi,

I wonder if I can get some assistance on changing the orientation on sliders from vertical to horizontal?
I managed to rotate it (ez pz) but I can't figure out how to make it listen to mouse movements along the x-axis... 🤔

@bebraw
Copy link
Owner

bebraw commented Jun 30, 2023

Can you set up a standalone example somewhere online (codesandbox or something)?

Note that this library isn't well supported as there are so many more modern alternatives available.

@kvacke
Copy link
Author

kvacke commented Jun 30, 2023

Thanks so much for this fast reply! This package actually fits our needs perfectly in terms of customization, it's just this nagging detail that I can't figure out. I can see if I can figure out an example. Should it be as simple as transform:rotate(90deg)? I looked at one of the examples listed in the readme and don't see it in their css.

@bebraw
Copy link
Owner

bebraw commented Jun 30, 2023

I would check https://github.com/bebraw/colorjoe#sites-using-colorjoe for additional examples as I think some of those do what you want.

It sounds like some CSS trick potentially, yeah. Maybe bit of JS.

@kvacke
Copy link
Author

kvacke commented Jun 30, 2023

I ended up deleting 'alpha' from extras and wrote my own slider and used it's value with picker.set(). Thanks anyway! ⭐

@bebraw
Copy link
Owner

bebraw commented Jun 30, 2023

Cool. If you want, feel free to send a couple of lines of code on how you did it and I'll add to docs.

@bebraw bebraw closed this as completed Jun 30, 2023
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

No branches or pull requests

2 participants