From 07a916a72027a145e3b0ba1e1feebe47a1e9ae11 Mon Sep 17 00:00:00 2001 From: Viktor Lofgren Date: Sat, 13 Jan 2024 18:51:54 +0100 Subject: [PATCH] (search) Give the swipe hint on mobile a nicer finish --- .../search-service/src/main/resources/static/search/menu.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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