#50 user picker UI improvements

[ericlinagora]

About improvements called for in #50

• Show when user results are truncated
• More better layout and colours even in dark-mode
• Keyboard navigation
• Clarify rights to be added

[shepilov]

Small UI/UX improvements:

1. Make the "edit" icon the same color as label

   

2. The "Copy link" button should be the same in green state as in blue

   

3. The "remove password" modal window should look like this, without red color and with this text and buttons order

   

4. There shouldn't be a border between input and select, also the background color should be the same

   

5. When a user is the owner of the file, he should be displayed in the list like this

   

6. For the search results, the selected item should have a grey hoover and all the area should be clickable

   

7. Reduce the margin between input and search results

   

8. Add the "Done" button to the modal window, this button only closes the window

   

9. Remove the red color everywhere for "no access"

   

[ericlinagora]

• 1 Make the "edit" icon the same color as label
  • done
• 2 The "Copy link" button should be the same in green state as in blue
  • done - just set a big width hopefully big enough for future translations
• 3 The "remove password" modal window should look like this, without red color and with this text and buttons order
  • the dialog in the screen shot is about deleting the link not the password, ignoring the text. Changed order, removed icon, made button blue. There's also two confirmation dialogs. Translation keys are welcome.
• 4 There shouldn't be a border between input and select, also the background color should be the same
  • don't think there is one, already is the same
• 5 When a user is the owner of the file, he should be displayed in the list like this
  • We need a way to change the rights of the file creator though, so where to put it ? There isn't really a "owner" concept. Drawing is unclear, if user is owner, creator, or both, to disable editing rights. No answer to questions.
• 6 For the search results, the selected item should have a grey hoover and all the area should be clickable
  • done
• 7 Reduce the margin between input and search results
  • done, but because we are incapable of getting dimensions, just a guess
• 8 Add the "Done" button to the modal window, this button only closes the window
  • done
• 9 Remove the red color everywhere for "no access"
  • done