Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update iconography visible in launch video #1706

Closed
26 tasks done
nadonomy opened this issue Sep 13, 2023 · 0 comments · Fixed by #1762
Closed
26 tasks done

Update iconography visible in launch video #1706

nadonomy opened this issue Sep 13, 2023 · 0 comments · Fixed by #1762
Assignees

Comments

@nadonomy
Copy link
Contributor

nadonomy commented Sep 13, 2023

Your use case

Update the iconography which might be visible in the launch video. Principally, this is the icons visible in the home screen, and from the timeline and composer. Below is the confirmed list from @callumu:

Compound icon repo: https://github.com/vector-im/compound-design-tokens/tree/main/icons

ZIP file of new icons: New icons September release.zip

Home screen

  • Compose button - use the icon in the attached ZIP

Composer

  • Send icon - use the icon in the attached ZIP
  • Editing icon - use the icon in the attached ZIP. Specifics below:
  1. Solid edit icon for in the composer when it's 16px
  2. Outline edit icon in other use cases and when the sizes are 20px or 24px
  • Editing X icon - use the 20px icon from the Compound repo. Spacing around it to be updated to this
  • Checkmark - use the icon from the Compound repo
  • Message history unavailable icon - use the icon from the Compound repo

Long press menu (all icons in the long press menu list should be 24px - see spacing and sizes here)

  • Reply - use the icon in the attached ZIP
  • Forward - use the icon in the attached ZIP
  • Edit - use the outline icon in the attached ZIP
  • Copy - use the icon in the attached ZIP
  • Copy link to message - use the link icon from the Compound repo. Can the WYSIWYG link icon be updated to match this also?
  • Report content - use the Chat Problem icon from the Compound repo
  • Remove - use the icon from the Compound repo
  • View source - use the icon in the attached ZIP
  • Add reaction - use the icon in the attached ZIP

Message bubble

  • Decryption error icon - use the icon in the attached ZIP
  • Message send error icon - use the error icon from the Compound repo
  • Add reaction - use the icon in the attached ZIP

Plus button menu (all icons in the menu should be 24px)

  • Photo & Video library - use the icon in the attached ZIP
  • Attachment - use the icon in the attached ZIP
  • Camera - use the icon in the attached ZIP.
  • Location - use the icon in the attached ZIP
  • Poll - use the icon in from the Compound repo
  • Text formatting - use the icon in the attached ZIP

Some of these icons might have been already implemented, but I want to ensure that we are using the correct icons.

Have you considered any alternatives?

No response

Additional context

No response

Are you willing to provide a PR?

No

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants