Fix splash screen background color and install title
This commit is contained in:
parent
3ad1a6e0ef
commit
b8b23cd807
3 changed files with 5 additions and 10 deletions
|
@ -44,7 +44,7 @@
|
|||
<use xlink:href="#notifications" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" id="install" class="icon-button" title="Add to Homescreen">
|
||||
<a href="#" id="install" class="icon-button" title="Install Snapdrop">
|
||||
<svg class="icon">
|
||||
<use xlink:href="#homescreen" />
|
||||
</svg>
|
||||
|
|
|
@ -22,7 +22,7 @@
|
|||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}],
|
||||
"background_color": "#3367d6",
|
||||
"background_color": "#efefef",
|
||||
"start_url": "/",
|
||||
"display": "minimal-ui",
|
||||
"theme_color": "#3367d6",
|
||||
|
|
|
@ -526,18 +526,13 @@ if ('serviceWorker' in navigator) {
|
|||
// don't display install banner when installed
|
||||
window.addEventListener('beforeinstallprompt', e => {
|
||||
if (window.matchMedia('(display-mode: standalone)').matches) {
|
||||
return event.preventDefault();
|
||||
return e.preventDefault();
|
||||
} else {
|
||||
const deferredPrompt = e;
|
||||
const btn = document.querySelector('#install')
|
||||
btn.hidden = false;
|
||||
btn.onclick = _ => {
|
||||
deferredPrompt.prompt();
|
||||
// Wait for the user to respond to the prompt
|
||||
deferredPrompt.userChoice.then((resp) => {
|
||||
console.log(JSON.stringify(resp));
|
||||
});
|
||||
}
|
||||
btn.onclick = _ => deferredPrompt.prompt();
|
||||
return e.preventDefault();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue