Improve allitems screen select state
yexingsha opened this issue · comments
yexingsha commented
Mock in Figma.
- Checkbox improvements. Checkbox should still take up 24dp of space
- For selected state, use checkmark_small in
#FFFFFF
on top of 20dp circle inzoteroBlue
- For unselected state, use 20dp circle with 1.5dp inner stroke in
#C5C5C7
- For selected state, use checkmark_small in
- Let's give 4dp more space between checkbox and item icon, so that item icons are aligned with dividers (they are not aligned in iOS either, which bothers me)
- The attachment icon, which takes up 40dp, should have 8dp right margin, so that it visually has 16 right margin
- I didn't notice this before, but the download badge seem to be a little misaligned? It should have 1dp border but it looks like it's 0.5dp. For example, the vertical line of the download arrow should perfectly align with the right line in the pdf icon
- Selected items should use background color
#F2F2F7
, and also use the same color for the attachment badge border - Use delete for the button in the bottom bar