wonger_ on Show HN: Orbit – A CSS radial UI composer framework

Comment on Show HN: Orbit – A CSS radial UI composer framework

This is great. I like the intuitive API. Perfect timing, too -- I needed to make a pie menu today for a virtual whiteboard. Currently thinking about how to incorporate hover effects and selection.

Editing nits:

  https://zumerlab.github.io/orbit-docs/elements/satellite/#:~:text=content.%20If%20other-,contant,-than%20characters%20is
  contant -> content

  https://zumerlab.github.io/orbit-docs/layout/#:~:text=radius%20ranging%20from-,orbit0,-to%20orbit%2D12
  orbit0 -> orbit-0

  https://zumerlab.github.io/orbit-docs/elements/vector/#customization:~:text=size%3A%20Each%20.-,spke,-can%20be%20adjusted
  spke ->> ??

  https://zumerlab.github.io/orbit-docs/elements/orbit/#:~:text=latter%20one%20is-,abowe,-the%20former.
  abowe -> above

tinchox5OP2y

Thank you to detect these typos!! If you want to collaborate please click on Edit page link located at bottom of each page and create a PR. I'll merge ASAP.

wonger_2y

Done :)

Here's the pie menu so far, in case anyone is interested: https://wonger.dev/unlisted/mobile-whiteboard

I had to add a bit of JS/CSS to get the "satellites" hoverable to my liking. The library gives you circle regions and capsules, and you could wrap each in a link or button tag, but that still leaves dead space between the pie slices. I ended up using some trig and pointer handlers. Not sure if I missed part of the docs, or if that's a consideration for future Orbit versions. Still a great library though.

tinchox5OP2y

Pretty awesome your pie menu!

I believe that "satellites" have pointer-events set to none by default. I would think in some solution, maybe adding a CSS utility to change that in case is needed

I've just merged your PR thank you!!

Comments