diff --git a/code/services-application/search-service/src/main/resources/static/search/menu.js b/code/services-application/search-service/src/main/resources/static/search/menu.js index 141846ad..c257754a 100644 --- a/code/services-application/search-service/src/main/resources/static/search/menu.js +++ b/code/services-application/search-service/src/main/resources/static/search/menu.js @@ -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); } \ No newline at end of file