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

feat: add Apple icons for use when bookmarking. #4743

Merged
merged 4 commits into from
Jan 13, 2021

Conversation

mgrhm
Copy link

@mgrhm mgrhm commented Dec 27, 2020

Adds icons for when Monica is added as a bookmark to the home screen on an iOS device. Currently, it defaults to a miniaturised screenshot.

This commit replaces the icons from the previous with ones with a solid
white background and no text.  I've optimised these in terms of filesize
as much as possible.
Copy link
Member

@asbiin asbiin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some remarks:

  • Do we need to add these 11 image files? All of them are not used in the skeleton blade file.
  • I don't agree with the names of the files, which don't apply to apple only.
  • It would be better to use the logo image (you used it in apple-icon.png file), without the "Monica" name

@asbiin asbiin changed the title chore: add Apple icons for use when bookmarking. feat: add Apple icons for use when bookmarking. Dec 31, 2020
@mgrhm
Copy link
Author

mgrhm commented Dec 31, 2020

Hi Alexis,

Thanks for the feedback. I’ve updated the code and made a new commit to address your comments.

To respond to them directly:

Do we need to add these 11 image files? All of them are not used in the skeleton blade file.

No. I've slimmed this down to four images now —- most of the smaller images were for older devices that are unlikely to be in wide use now.

I don't agree with the names of the files, which don't apply to apple only.

These are explicitly used for Apple devices, hence the (now amended) filenames and the very specific icon sizes. I've worked on this revised commit based on the explanation in this Apple guide.

I'm researching how to do this for Android devices too, and will submit this as a new pull when I've worked it out.

It would be better to use the logo image (you used it in apple-icon.png file), without the "Monica" name.

It looks like the icons I intended to include in the third commit didn't get included. This is fixed, and they're all the same: white background with just the logo on it.

I've also added another line so that it defaults to the name 'Monica' when added to the home screen as a web app (line 19).

Hope this is satisfactory.

@mgrhm
Copy link
Author

mgrhm commented Jan 2, 2021

I’ve just seen issue #4564. This pull request would resolve that issue.

@mgrhm mgrhm requested a review from asbiin January 2, 2021 11:36
Copy link
Member

@asbiin asbiin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's great, thank you @mgrhm
However, wouldn't it be better to name the 4 files with a transparent name, like "monica-64.png", "monica-72.png", etc? Maybe they will be reused some day for another usage.

@mgrhm
Copy link
Author

mgrhm commented Jan 8, 2021

When naming the files, I followed the Apple documentation’s recommendations. I’m not sure what effect it would have giving them different filenames.

@asbiin asbiin merged commit a28adcd into monicahq:master Jan 13, 2021
@asbiin
Copy link
Member

asbiin commented Jan 13, 2021

Great! Thank you @mgrhm

@github-actions
Copy link

This pull request has been automatically locked since there
has not been any recent activity after it was closed.
Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jan 14, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants