(search) Give the swipe hint on mobile a nicer finish

This commit is contained in:
Viktor Lofgren 2024-01-13 18:51:54 +01:00
parent 5134044530
commit 07a916a720

View File

@ -85,7 +85,7 @@ if (window.matchMedia('(pointer: coarse)').matches) {
// Add a floating panel to the bottom of the page to show a message when the filters are hidden
const floatingPanel = document.createElement('div');
floatingPanel.setAttribute('style', 'position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 1em; text-align: center; display: block; border-top: 1px solid #ccc; box-shadow: 0 0 -5px #eee;');
floatingPanel.setAttribute('style', 'position: fixed; bottom: 0; left: 0; right: 0; backdrop-filter: blur(10px); padding: 0.25em; text-align: center; display: block; border-top: 1px solid #ccc; box-shadow: 0 0 -5px #eee;');
floatingPanel.innerHTML = '← swipe left to open filters ←';
document.body.appendChild(floatingPanel);
}