Bug fix on Add to homescreen icon for steemit.com website

My pull request to steem/condenser got approved. I added enhancement for mobile user by adding a few new parameters into manifest.json file.

Screen Shot 2018-02-02 at 7.06.38 AM.png
The pull request just got merged today

This pull request is fixing my previous bug hunting post

Bug Fixes

  • What was the issue(s)?
    As a mobile user, I would normally add to homescreen the website that I always use. The issue with steemit.com is that it does not have a proper image shown

34393417-26fd8cba-eb8d-11e7-97bb-b93613a421a2.png

34393414-22eab3f0-eb8d-11e7-8278-93e08120b7ec.png


  • What was the solution?
    Since steemit.com already had a manifest.json file, I added a few more parameters to it so that it can have more features.
   "icons": [
        {
            "src": "/images/favicons/favicon-72x72.png",
            "sizes": "72x72",
            "type": "image/png"
        },
        {
            "src": "/images/favicons/favicon-96x96.png",
            "sizes": "96x96",
            "type": "image/png"
        },
        {
            "src": "/images/favicons/favicon-144x144.png",
            "sizes": "144x144",
            "type": "image/png"
        },
        {
            "src": "/images/favicons/favicon-196x196.png",
            "sizes": "196x196",
            "type": "image/png"
        }
    ],

I added a few icons size for different device sizes.

The result looks like this:

Screenshot_2018-02-02-06-57-05.png

27606285_10210597628952164_206276634_o.png


New Features

  • What feature(s) did you add?
    Since the previous manifest.json does not have a splash screen background specification, I added it.
  • How did you implement it/them?
    "theme_color": "#FFFFFF"
    "background_color": "#FFFFFF"

Added background_color params to show the splash screen background.

Screenshot_2018-02-02-07-16-07.png

About Projects



Posted on Utopian.io - Rewarding Open Source Contributors

H2
H3
H4
3 columns
2 columns
1 column
3 Comments