search

haystackeditor / haystack-editor

Other
906 stars 37 forks source link

Adjusting the dots on the background of the canvas. #19

Open noudadrichem opened 1 month ago

noudadrichem commented 1 month ago

I'd like to be able to adjust background of the canvas, currently they're imo large dots with a big offset (48px?). I like to be able to change the size and offset of the dots so I can make it appear smaller and big plus would be to also change its color.

Looking at a tool like Figma it looks like they adjust the offsets and sizes based on the zoom level as well. This might be interesting too.

I've now disabled dots but they do help a lot with the UX of Haystack as most themes make the editor background the same as the canvas background. Maybe shading the colors from the themes could help here too.

P.S. I really like what you're doing here. Great way to navigate through code.

AkshaySG14 commented 1 month ago

Just to confirm the second issue: the problem is the canvas background is the same as the editor background, which on dark mode especially makes it hard to see?

Will fix this if so. In addition, I can add a setting to change the dots, although that will be a lil more effort!

noudadrichem commented 1 month ago
  1. Yes!
  2. That would be awesome. Looking at something like Figma you can see how they scale the squared grid background. I'd recommend something like that for the dots as well where the size and offset are scaled taking into account the zoom level.