Updated CSS media query to better detect touch devices (#5053)

* Updated CSS media query to better detect touch devices * Updated changelog * Saved without formatting
maplibre · Nov 15, 2024 · 798a549 · 798a549
1 parent 5de0876
commit 798a549
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,7 @@
 
 ### 🐞 Bug fixes
 - Fixes scale control for globe on zoom out ([#4897](https://github.com/maplibre/maplibre-gl-js/pull/4897))
+- Fixes cooperative gestures displaying the mobile help text when screen width is smaller than 480px on non-touch devices ([#5053](https://github.com/maplibre/maplibre-gl-js/pull/5053))
 - _...Add new stuff here..._
 
 ## 5.0.0-pre.6

diff --git a/src/css/maplibre-gl.css b/src/css/maplibre-gl.css
@@ -850,7 +850,7 @@ a.maplibregl-ctrl-logo.maplibregl-compact {
     display: none;
 }
 
-@media (hover: none), (width <= 480px) {
+@media (hover: none), (pointer: coarse) {
     .maplibregl-cooperative-gesture-screen .maplibregl-desktop-message {
         display: none;
     }