Extend support for apple devices

Add option to specify special icons for apple devices because icons on apple devices are tailored to size differently
silviolleite · Jan 4, 2020 · 447aa7c · 447aa7c
1 parent 9e44120
commit 447aa7c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -60,6 +60,12 @@ PWA_APP_ICONS = [
  'sizes': '160x160'
  }
 ]
+PWA_APP_ICONS_APPLE = [
+ {
+ 'src': '/static/images/my_apple_icon.png',
+ 'sizes': '160x160'
+ }
+]
 PWA_APP_SPLASH_SCREEN = [
  {
  'src': '/static/images/icons/splash-640x1136.png',

diff --git a/pwa/templates/pwa.html b/pwa/templates/pwa.html
@@ -13,12 +13,19 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-title" content="{{ PWA_APP_NAME }}">
 <meta name="apple-mobile-web-app-status-bar-style" content="default">
-{% for icon in PWA_APP_ICONS %}
-<link rel="apple-touch-icon" href="{{ icon.src }}" sizes="{{ icon.size }}">
-{% endfor %}
+
+{% if PWA_APP_ICONS_APPLE %}
+ {% for icon in PWA_APP_ICONS_APPLE %}
+ <link rel="apple-touch-icon" href="{{ icon.src }}" sizes="{{ icon.size }}">
+ {% endfor %}
+{% else %}
+ {% for icon in PWA_APP_ICONS %}
+ <link rel="apple-touch-icon" href="{{ icon.src }}" sizes="{{ icon.size }}">
+ {% endfor %}
+{% endif %}
 
 
-{% for splash in PWA_APP_SPLASH_SCREEN%}
+{% for splash in PWA_APP_SPLASH_SCREEN %}
 <link href="{{ splash.src }}" media="{{ splash.media }}" rel="apple-touch-startup-image"/>
 {% endfor %}