mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 09:29:39 +08:00

Reverts 02113fc. This is an imperfect detection of tablets and more generally, we want to move away from detecting specific devices. THere's a broader effort to remove mobile/desktop detection and rely instead on viewport-width-based patterns and feature detection (touch, hover, etc.). See https://github.com/discourse/discourse/pull/30642 To reach the same results in CSS/jS, we can use the `touch` and `hover` media queries. In CSS, something like: ``` @media (hover: none) { // hover non excludes touchscreen desktops .discourse-touch { // we detect touch capability on the JS side, a bit of a belts and suspenders approach } } ``` And in JS: ``` this.capabilities.touch` plus `window.matchMedia("(hover: none)").matches ```