search

ezl / todo

0 stars 0 forks source link

hide (or blur) UX elements when not in use #63

Closed ezl closed 2 years ago

ezl commented 2 years ago
  1. for example, on long press on mobile, the task multiselect radio buttons are displayed.

now at this stage, search and "create an item" should not be usable. so blur these from view.

  1. when settings is selected, blur all task content, for example: https://monosnap.com/file/a7NTuHw1bf5wAH1KhX92N7ejqZD6Bx (not pixelated, but a nice smooth css blur)

  2. when search bar is active, hide task creation input area - can't remove from DOM or do display:none, because we don't want the tasks to all slide UP -- we want it to just fade out and be invisible, but still take up the same vertical height so that the tasks themselves don't move up

ezl commented 2 years ago

@yassinya did this change somehow get reverted? As I was trying other tests on the site just now, the blur doesn't seem to be occurring anymore.

yassinya commented 2 years ago

I just noticed that, I’m looking into it now @ezl

yassinya commented 2 years ago

Should be good now! @ezl