ezl / todo

0 stars 0 forks source link

rethink color selection modal #85

Open ezl opened 2 years ago

ezl commented 2 years ago

the color selection modal is rendered in the same place every time. i don't LOVE it, i don't think it's visually separated enough.

in the past we rendered it relative to the tag, but that caused issues with longer tag menus where the color rendering happened in a hidden area and caused the user to need to scroll to see the color selection (worse choice).

i think ideal options are:

  1. if it renders like this, blur the rest of the screen so it's clear where to focus
  2. maybe treat the color selection as one later DEEPER in the tray
  3. pop the color OUT of the containing container so that we can do the original thing without scroll - position:absolute or something so it can be rendered next to the tag as we want, but it doesn't get hidden in the containing element.

Possibility: On the color selection modal, pass the tag name "select color for tag #foobar" to make it clearer

This is an extension of #77

Krisandrushko commented 2 years ago

What about this solution? @ezl https://www.figma.com/file/MHW4pKE13g4L46Tvq7i8TQ/Bad-To-Do?node-id=2200%3A2140