Hide Shoelace tooltips on touch devices

Tooltips are not useful on touch devices where there is no
hover interaction. The coarse pointer media query targets
touch screens and hides the tooltip popup accordingly.
This prevents the behavior of open tooltips in the background
after a dialog was opened.

Author: kulturbande

app/assets/builds/alchemy/admin.css

@@ -307,6 +307,12 @@ sl-tooltip {
     border-radius: var(--border-radius_medium);
     box-shadow: var(--tooltip-box-shadow);
   }
+
+  @media (pointer: coarse) {
+    &::part(base__popup) {
+      display: none;
+    }
+  }
 }
 
 sl-button {