search

ruxailab / web-eye-tracker-front

MIT License
6 stars 24 forks source link

Post calibration UI improvement #36

Closed hvini closed 8 months ago

hvini commented 8 months ago

The cog button on post calibration page opens a modal with some operations. The problem with this modal is that it covers a big portion of the screen. The main idea of this issue is to make it open a side drawer instead of the modal, so, in this way it wont get too much in the way

Screen Shot 2024-03-05 at 14 15 17 (2)

Gaurav-Verma07 commented 8 months ago

Hii @hvini :) I've reproduced this in my local. This is the sample of what I'm planning to implement. I think sidebar won't help since it'll cover the left portion of our canvas which renders useful data.

image

I'll do more improvements as I further into the development. Have a look. please assign me this issue.

Gaurav-Verma07 commented 8 months ago

Hi @hvini , any updates on this?

hvini commented 8 months ago

Hello @Gaurav-Verma07.

for this case, with 5 points, did not covered any important data, but, if you increase the quantity of points to 6 for example, one of the points will get behind the modal. indeed sidebar will also cover some portion of screen and do not solve the problem.

Maybe a draggable modal can solve it? but it should be clear for user that modal can be dragged.

Gaurav-Verma07 commented 8 months ago

We can make the modal draggable but not sure if user will know if its draggable.

What if we add a draggable icon on top right of modal to indicate users that its draggable?

hvini commented 8 months ago

The icon is a good option, you can also change the cursor pointer to drag and/or add a "tutorial" on screen to let user known that he can drag the modal.

Give a try on the options to see which works better for final user.

Gaurav-Verma07 commented 8 months ago

THis sounds good, I'll implement this soon.