Giters

zotero / zotero-android

Zotero for Android

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Use material symbols for button icons

yexingsha opened this issue · comments

commented

See this page. Use the following parameters:
weight=300
fill=off
grade=0
optical size=24dp (do not scale them in buttons)
style=outlined

Current icons to replace:

  • The plus icon in top bars to add
  • The magnifier icon in search bars to search
  • The settings icon in top bars to settings (need to change the weight and styling of the current icon)
  • The info icon in item rows to info
  • The filter icon in bottom bars to filter_list
  • The sort icon in bottom bars to swap_vert
  • The ellipsis icon in filter screen to more_horiz
  • The plus circle icon in itemdetails screen to add_circle (I don't know why iOS uses filled icon there, I don't think it fits with the other icons in the app)
  • The twisties in collections screen to chevron_right and expand_more
  • The sidebar icon in reader top bar to view_sidebar rotated 180 degrees (need to change the weight of the current icon)
  • The edit/pen icon in reader top bar to draw
  • The undo icon in reader sidebar to undo
  • The redo icon in reader sidebar to redo
  • The x circle icon in reader sidebar to cancel

Check the "android" page in this Figma file (you might need to join the zotero team first) for mocks.

commented

The filter_list icon on the All Items and on Pdf Reader Sidebar screens is a toggle. So when user selected some filters it's one icon and when none selected it's another icon. On iOS it's currently the same icon but it's either filled or not filled.
What should we do here?
We could use google's "filter_list_off" for when no filters are selected (users will see it most of the time) and "filter_list" for when some filters are selected.

commented

I think filter_list_off will be understood as tapping this button will turn off some filters, so it will cause confusion. Let's go with the iOS approach, I made these icons in the material style:

filter_filled
filter

commented

I have been mentioning other icons that need changes in other issues, this is a list to keep track of them, plus some other icons:

  • delete for "Remove Download", "Move to Trash", and "Delete" bottom sheet action in AllItemsScreen, ItemDetailsScreen, CollectionsScreen
  • download_for_offline for "Download" bottom sheet action in AllItemsScreen
  • vertical_align_top for "Move to Standalone Attachment" bottom sheet action in ItemDetailsScreen
  • drag_handle in ItemDetailsEditScreen for reordering creators
  • do_not_disturb_on in ItemDetailsEditScreen for deleting creators, in place of the filled delete icon
  • check_small for checkboxes
  • check for checkmarks in picker screens
  • content_copy for "Duplicate" bottom sheet action in AllItemsScreen
  • edit for "Edit" bottom sheet action in CollectionsScreen
  • create_new_folder for "New Subcollection" bottom sheet action in CollectionsScreen