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

[Design] Use consistent height, width, padding in the logos used in email alerts #1533

Open
7 tasks
gulfaraz opened this issue Jul 26, 2024 · 0 comments
Open
7 tasks
Assignees
Labels
design This involves a design change

Comments

@gulfaraz
Copy link
Member

gulfaraz commented Jul 26, 2024

Who made this request for Design support?

@gulfaraz from #1512

What type of request?

UI Design

What is requested?

Images used in the email alerts have inconsistent spacing.

What needs to be done

  • Decide on a fixed height and width
  • Modify the images to fit the decided height and width
  • Modify the images to have sufficient spacing

Acceptance Criteria

  • Outcome(s) reviewed
  • Documented the outcome(s) in the appropriate location
  • Handed over to requester
  • Codesign sessions logged in 510EspoCRM

Additional context

We use these images in the emails with a certain margin applied. Because some images have whitespace in the image the additional padding imposed by the code becomes excess. The other way is if we remove the padding imposed by the code, the images appear to have insufficient whitespace.

Links to the images,
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/c44cb471-0595-454d-aad6-d1050553315f.png
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/af6240bf-bdd3-9982-9ca5-44f7e5a71f01.jpg
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/35e3a47b-65d0-9b15-ad8f-ac19300ef5b6.png
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/905748b3-7aaf-4b5e-b5b9-516ad6f4105a.png
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/eedbd97e-52c1-4a16-8155-9b607ad05ad2.png
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/6907dc6e-311a-402b-b97d-551f04ef3d0b.png
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/ff56e5b1-f3be-1d68-be49-7898ba16be81.png
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/575cc45e-7050-4b2d-d8bc-d1f278e42a66.png
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/ee9473a2-cac5-aec2-a2ee-cee872837098.jpeg
https://mcusercontent.com/e71f3b134823403aa6fe0c6dc/images/093cd804-0be0-21f3-c712-f210dd0f7c05.png

@gulfaraz gulfaraz added the design This involves a design change label Jul 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design This involves a design change
Projects
None yet
Development

No branches or pull requests

3 participants